ngFor- Angular2的问题

Question

我刚开始学习Angular2，但是ngfor遇到了问题。 这是我的代码：

import { Component } from '@angular/core';
import {Person} from "./Person";


       @Component({
        selector: 'my-app',
        moduleId: module.id,
        templateUrl: 'app.component.html'
      })


    export class AppComponent {
        public title = 'Telphone-books';
        public  persons=PERSONS;
    }

    const PERSONS: Person[] = [
      {id:1, Name:'Shai', LastName:'Sastiel', Telphone: '999999'},
      {id:2, Name:'Jon', LastName:'ali', Telphone: '888888'},
      {id:3, Name:'zeav', LastName:'jobs', Telphone: '7777777'},
      {id:4, Name:'byson', LastName:'ffaf', Telphone: '6666666'}

    ];

这是我的app.component.html：

<h1>{{title}}</h1>
<ul>
  <li *ngFor="let person of PERSONS">
    {{persons.Name}}
  </li>
</ul>

当我运行此代码时，我仅看到标题，但没有看到人的数组。 我写的ngfor对吗？ 也许我想念一些东西？ 谢谢你的帮助！

Answer 1

绑定表达式只能引用组件实例的成员，而不能引用任意全局的东西。

您需要引用组件实例的属性而不是全局变量：

<h1>{{title}}</h1>
<ul>
  <li *ngFor="let person of persons">
    {{person.Name}}
  </li>
</ul>

如@rinukkusu {{persons.Name}} persons.Name {{persons.Name}}应为{{person.Name}}