例外:不能绑定到'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">

当前回答

使用这个

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

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

2020-06-06 04:50:51

其他回答

也不要尝试使用纯TypeScript…我想更对应的用法和使用*ngFor="const filter of filters"和得到的ngFor不是一个已知的属性错误。只要用let替换const就可以了。

正如@alexander-abakumov所说的，of被in取代。

2019-07-06 16:46:21

有同样的问题，因为我使用了 *ngFor='for let card of cards' 而不是: *ngFor='let card of cards'

一开始就有一些for循环这里错了吗它工作了，但有错误

2021-09-02 05:14:13

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

以后用let代替#

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

2016-10-20 20:00:38

在我的例子中，我没有在for循环中声明循环变量

<div *ngFor="pizza of pizzas; index as i">

而不是

<div *ngFor="let pizza of pizzas; index as i">

在声明了“let”之后，它就对我有用了。

2021-11-21 21:09:16

对我来说，在app.module.ts文件中没有正确导入组件。导入后一切工作正常

@NgModule({
    declarations: [
      YourComponent,
      OtherComponents
    ],
    
    imports: [...]

)}

2022-01-11 00:19:44

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

推荐文章

最新文章

标签