我究竟做错了什么?
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">
在谈话前我错过了:
原文链接:https://www.f2er.com/angularjs/144066.html<div *ngFor="let talk of talks">
请注意,不推荐使用#…来在结构指令(如NgFor)中声明局部变量。请改用let。
< div * ngFor =“#talk of talks”>现在变成< div * ngFor =“让谈谈谈话”>
原始答案:
我在谈话前错过了#:
<div *ngFor="#talk of talks">
很容易忘记#。我希望Angular异常错误消息会改为:你再次忘记了#。