проблема с ngFor- Angular2

javascript angular

149 просмотра

1 ответ

413 Репутация автора

Я только начал изучать 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 правильно? может я скучаю по чему-нибудь? Спасибо за любую помощь!

Автор: Elior Sastiel Источник Размещён: 19.07.2016 09:50

Ответы (1)


3 плюса

377638 Репутация автора

Решение

Связывающие выражения могут ссылаться только на элементы экземпляра компонента, но не на произвольные глобальные элементы.

Вам нужно ссылаться на свойство вашего экземпляра компонента вместо глобальной переменной:

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

как упомянуто @rinukkusu {{persons.Name}}должно быть{{person.Name}}

Автор: Günter Zöchbauer Размещён: 19.07.2016 09:54
Вопросы из категории :
32x32