2017-09-24 27 views
1

ngModel指令で問題が発生しました。私はinput<td><input type="text" ([ngModel])="desc"></td>を持っていて、descと呼ばれる変数にその値inputを割り当てました。 input以下htmlファイルにdecalredさngModelがAngular 4で正しく動作しません

addItem(){ 
    console.log('=======', this.desc); 
    } 

方法addItem()

<td> 
      <i 
       class="fa fa-plus-square add-button" 
       (click)="addItem()"> 
      </i> 
    </td> 

私は取り戻す事がある:======= undefinedで次にcomponentに私は、コンソールでそれを印刷したいですコンソール。なぜ誰が私にこのことを教えてもらえますか?このアプリケーションの別の場所では、私もngModelを使用しています。すべてがうまくいきます。

答えて

2

データバインディング演算子の構文は間違っています。デュアルバインディングを正しく動作させるには、有名な文章ビューが逆のために結合し、(コントローラするためにあなたが[(ngModel)]を記述する必要があるので、「ボックス内のバナナ」には、[()]ボックスに、バナナのようなものです。

情報については、[ある。

+0

さて、私はちょっと変わったので、 '​​'というようになりました。 'newItem'です。一度も作成されていない 'newItem'の' description'フィールドのために、 'undefinedの'プロパティ 'description'を読むことができません "という問題を省略しますか? – bielas

+0

もちろん、newItemのすべてのプロパティを含むクラスを作成する必要があります。あなたのクラスがItemと呼ばれているとしましょう。あなたのコントローラでは、そのクラスのオブジェクトをインスタンス化するだけです: 'newItem:Item = new Item();' –

関連する問題