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}}提到的

应为{{person.Name}}

问题与ngFor- Angular2

1 个答案: