2016-11-01 3 views
-3

У меня есть <td> который доступен для редактирования. Я хочу отправить отредактированные новые данные для работы и как я могу получить данные в теге <td>, может ли кто-нибудь мне помочь.Как использовать onchange in angular2

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

Попытка связать '(изменить)' 'событие td', а не' input' поля является первой вещью, которая выделяется в меня. – Brad

+0

У меня есть редактируемый стол. – MMR

+0

Не в соответствии с этим кодом. Какую библиотеку вы используете, чтобы сделать вашу таблицу доступной для редактирования? Можете ли вы показать немного больше своего компонента и шаблона? – Fiddles

ответ

2

Вы должны использовать (keyup) или (blur) событие вместо

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


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

С этим моментом я изменяю один номер, я получаю всплывающее окно с сохранением изменений? Но я хочу всплывающее окно только после ввода полного числа, которое похоже на обмен? – MMR

+0

Я обновил свой ответ. – micronyks

+0

Yup sure! вперед ... – micronyks