我究竟做错了什么?
import {bootstrap,Component} from 'angular2/angular2' @Component({ selector: 'conf-talks',template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1',speaker: 'Brian',description: 'talk 1'},{title: 't2',speaker: 'Julie',description: 'talk 2'}]; } @Component({ selector: 'my-app',directives: [ConfTalks],template: '<conf-talks></conf-talks>' }) class App {} bootstrap(App,[])
错误是
EXCEPTION: Template parse errors: Can't bind to 'ngFor' since it isn't a known native property ("<div [ERROR ->]*ngFor="talk of talks">
我错过了在谈话前:
<div *ngFor="let talk of talks">
注意,as of beta.17使用#…来声明局部变量在结构化指令(如NgFor)中已被弃用。请改用let。
< div * ngFor =“#talk of talks”>现在变成< div * ngFor =“让谈话”>
原始答案:
我错过了#在面前说话:
<div *ngFor="#talk of talks">
这是很容易忘记#。我希望Angular异常错误消息,而是说:你再次忘记了#。