角度异常：无法绑定到’ngFor’,因为它不是已知的本机属性

发布时间：2020-12-17 08:05:02 所属栏目：安全来源：网络整理

导读：我究竟做错了什么？ 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 = [ {

我究竟做错了什么？

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">

请注意，不推荐使用#…来在结构指令(如NgFor)中声明局部变量。请改用let。
< div * ngFor =“#talk of talks”>现在变成< div * ngFor =“让谈谈谈话”>

原始答案：

我在谈话前错过了#：

<div *ngFor="#talk of talks">

很容易忘记#。我希望Angular异常错误消息会改为：你再次忘记了#。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!