2016-11-01 8 views
-3

私は<td>が編集可能です。編集した新しいデータを送信したいのですが、どのようにして<td>タグのデータを取得すればいいですか?angular2のonchangeの使い方

<td (blur) ='showsavephonemodel(i want the newly edited value here i.e student.phone)' contenteditable="true" class ='phone' > 
     {{student.phone}}  
</td> 
+1

(keyup)(blur)イベントを使用する必要があります私。 – Brad

+0

私は編集可能なテーブルを持っています.. – MMR

+0

そのコードに従っていません。あなたのテーブルを編集可能にするためにあなたはどのライブラリを使用していますか?もう少しあなたのコンポーネントとテンプレートを表示できますか? – Fiddles

答えて

2

あなたは、代わりに `` td`なく `input`フィールドにイベントがに際立っている最初のものです`(変化)をバインドしようと

<td (keyup)='showsavephonemodel()' class ='phone'> 
    {{student.phone}} 
</td> 


<td (blur)='showsavephonemodel()' class ='phone'> 
    {{student.phone}} 
</td> 
+0

これで、私は単一の番号を変更する瞬間、変更を保存するためにポップアップが表示されますか?しかし、ポップアップはonchangeのような完全な番号を入力した後でなければなりませんか? – MMR

+0

答えを更新しました。 – micronyks

+0

確かに!先に進んでください... – micronyks

関連する問題