Угловое 2 * ngFor не работает

Question

Ниже мой компонент:

import { Component } from 'angular2/core'; 

@Component({ 
    selector: 'test', 
    template: 
    ` 
     <ul > 
     <li *ngFor="let t of test"> 
     <span >{{t}}</span> 
     </li> 
     </ul> 
    ` 
}) 

export class TestComponent implements OnInit{ 
    test: string[]; 
    constructor(){ 
    this.test = ["Saab", "Volvo", "BMW"]; 
    } 
} 

Я получаю следующее сообщение об ошибке при попытке загрузить компонент:

EXCEPTION: Template parse errors: 
    Can't bind to 'ngFor' since it isn't a known native property ("<ul > 
     <li [ERROR ->]*ngFor="let t of test"> 
      <span >{{t}}</span> 
     </li> 
    "): 

Кроме того, я не уверен ли я следует использовать «@ angular/core» или «angular2/core» при импорте Component.

Answer 1

Ваш шаблон должен быть:

<ul> 
    <li *ngFor="#t of test"> 
     <span >{{t}}</span> 
    </li> 
</ul> 

Или этот путь в более новых версиях:

<ul> 
    <li *ngFor="let t of test"> 
     <span>{{t}}</span> 
    </li> 
</ul> 

Answer 2

я испытал подобное поведение. Проблема заключалась в том, что я включил свернутую версию Angular 2 в свой HTML.

Если это так, попробуйте включить unminimized файл угловыми

Answer 3

Использование Пусть решен вопрос для меня

<ul> 
 
    <li *ngFor = "let test of testArray">{{test}}</li> 
 
</ul>

Answer 4

Проблема может возникнуть, потому что нету импортирован общий модуль к вашему текущему модулю, который вы используете.

попытка импорта

import { CommonModule } from "@angular/common"; 

в текущий модуль и посмотреть, если проблема исправлена.

общий модуль добавить все встроенные в директивах от углового 2.

see commonModule documentation по angular.io

надеждой, что помогает :)