1. ホーム
  2. angular

[解決済み] 例外が発生しました。既知のネイティブプロパティではないため、'ngFor'にバインドできない

2022-03-17 06:44:04

質問

何が間違っているのでしょうか?

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

解決方法は?

失敗した let の前に talk :

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


注意事項 beta.17時点では の使い方は #... のような構造的なディレクティブの内部で局所変数を宣言することは非推奨です。使用方法 let の代わりに

<div *ngFor="#talk of talks"> は次のようになります。 <div *ngFor="let talk of talks">

オリジナルの答えです。

懐かしい # の前にある talk :

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

ということを忘れてしまいがちです。 # . Angularの例外エラーメッセージが代わりに言ってくれればいいのですが。
you forgot that # again .