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

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

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

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

原始答案：

我错过了#在面前说话：

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

这是很容易忘记#。我希望Angular异常错误消息，而是说：你再次忘记了#。

（编辑：李大同）

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