例外:不能绑定到'ngFor'，因为它不是一个已知的本机属性

我做错了什么?

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

当前回答

再讲一种情况当我得到同样的错误时原因是用in而不是in迭代器

错误的方式让文件进入文件

正确的方式让文件的文件

2020-04-19 09:04:57

其他回答

我错过了就让在前面说话:

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

注意到。使用#…不建议在NgFor等结构性指令中声明局部变量。用let代替。

最初的回答:

我错过了#在谈话前:

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

我们很容易忘记#。我希望Angular的异常错误消息会说:you forget that # again。

2015-12-01 03:52:41

使用这个

<div *ngFor="let talk of talks"> 
   {{talk.title}} 
   {{talk.speaker}}
   <p>{{talk.description}}</p>
</div>

您需要指定变量以遍历对象的数组

2020-06-06 04:50:51

在angular 7中，通过在.module中添加这些行来解决这个问题。ts文件:

import {CommonModule} from @angular/common; 进口(CommonModule):

2019-06-25 02:44:51

此语句用于Angular2 Beta版本.....

以后用let代替#

Let关键字用于声明局部变量

2016-10-20 20:00:38

在我的例子中，=和"之间应该没有空格，

错误的:

*ngFor = "let talk of talks"

正确的:

*ngFor="let talk of talks"

2021-04-05 11:50:13

例外:不能绑定到'ngFor'，因为它不是一个已知的本机属性

推荐文章

最新文章

标签