2017-06-15 17 views
0

私は角チュートリアルを実行しています。私は立ち往生している。角度チュートリアルエラー入力[ngModel] = "selectedHero.name"

私はここで検索しましたが、私は同様の errorを見つけましたが、それは私を助けません。

私は取得していますエラー:

Error: Uncaught (in promise): Error: Template parse errors: 
Parser Error: The '?.' operator cannot be used in the assignment at column 20 in [selectedHero?.name=$event] in ng:///AppModule/[email protected]:19 (" 
      <div> 
      <label>name: </label> 
      <input [ERROR ->][(ngModel)]="selectedHero?.name" placeholder="name"/> 
      </div> 
     </div> 
"): ng:///AppModule/[email protected]:19 

を私はしてなくてみました?。違いはありません。私は次の行を試しました:

<input [ngModel]="selectedHero?.name" (ngModelChange)="selectedHero.name = $event" /> 

私はページに戻って、コード全体をコピーしましたが、何も変わりません。

tutorialの最初の部分でも同じエラーが発生しました。

+2

あなたが ''双方向でバインディングを使用することはできません。あなたの2番目の例は正しいです。 '(ngModelChange)=" selectedHero?.name?selectedHero.name = $ event:null ">'はさらに優れています。 2番目のアプローチはどうなりますか? – echonax

+0

私はこれをに入れ、何も得られません。私はちょうど編集ボックスがありますが、それは何もありません。 – user269964

+0

あなたは[[(ngModel)] = "selectedHero?.name" ' – echonax

答えて

0

変更この行:から

<input name='name' [ngModel]="selectedHero?.name" (ngModelChange)="selectedHero.name = $event" /> 

へ:?

<input name='name' [ngModel]="selectedHero?.name" (ngModelChange)="selectedHero?.name ? selectedHero.name = $event.target.value : ''" /> 
+0

エラー:キャッチされていない(約束されています):エラー:テンプレート解析エラー: ' 'ngModel'にはバインドされていません。 'input'のプロパティは知られていません。 – user269964

+0

app.module.tsにformModuleを追加してください。 –

+0

それでした。私はそれを追加しようとしていたが、私はモジュールに気付かなかった。それはまったく別のファイルだった。私はコンポーネントファイルに追加するたびにエラーが発生していました。 – user269964

関連する問題