何が間違っているのでしょうか?
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">
ベストアンサー1
私はlet
の前で逃したtalk
:
<div *ngFor="let talk of talks">
ご了承くださいbeta.17時点#...
NgFor のような構造ディレクティブ内でローカル変数を宣言するためにを使用することは非推奨です。let
代わりに を使用してください。
<div *ngFor="#talk of talks">
今は<div *ngFor="let talk of talks">
元の回答:
私は#
の前で逃したtalk
:
<div *ngFor="#talk of talks">
それをとても忘れがちです#
。Angular 例外エラー メッセージに次のように表示されていればよいのですが:
you forgot that # again
。