角度例外： 'ngFor'は既知のネイティブプロパティではないため、バインドできません

135

何が間違っていますか？角度例外： '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">

出典

2015-12-01 Mark Rajcok

326

である私はtalkの前でletを逃した：#...のas of beta.17使用量は内部のローカル変数を宣言すること

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

注意をNgForのような構造ディレクティブの使用は推奨されません。代わりにletを使用してください。
<div *ngFor="#talk of talks">は今<div *ngFor="let talk of talks">

オリジナルの答えを次のようになります。

私はtalkの前で#を逃した：

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

#ことを忘れてとても簡単です。私は角度例外エラーメッセージが代わりに言う：
you forgot that # againします。

出典

2015-12-01 03:52:41

正確には何ですかアンパサンドは？私は自分の問題を修正しましたが、これが何をするのかはわかりません。 –

@datatype_void、ハッシュ（ '＃'）は[ローカルテンプレート変数]（https://angular.io/docs/ts/latest/guide/template-syntax.html#!#local-vars）を宣言するために使用されます。 –

"let"構文の代わりに、 "既知のネイティブプロパティではないため、ngForにバインドできません"という構文を使用してみました。元の質問で見たのと同じ動作です。私はそれを＃に戻しましたが、問題なく動作するように見えました。私はangular2.0.0-rc.1を使用しており、angle2.0.0-beta.17と同じ動作をしています。 – Chadley08