2017-04-21 80 views
2

我需要使用这个编辑列中显示了“测试”变量:如何在角2中为td创建2种数据绑定?

<td contentEditable="true" ngDefaultControl [(ngModel)]="test">{{test}}</td> 

我的TD元件显示的“测试”的初始值,但是当我编辑TD(使用我的键盘),“测试“不会改变。

我已经测试使用的输入同样的事情,它的工作原理:

<input id="myinput" name="myinput" type="text" [(ngModel)]="test"> 

那么是什么问题?

+0

你是怎么编辑它的?所有这些都是没有输入的列/单元格。文本作为内容直接存储在单元格中。 – Igor

+0

contentEditable =“true”用于使列/单元格可编辑 – Oussama

+0

它不是一个完全相同的副本,因为这是angular1但仍然相关:[与ng-model一起工作的contentedable不起作用](http://stackoverflow.com/ q/28583651/1260204) – Igor

回答

0

我尝试这样做:

<td contentEditable="true" [textContent]="test" (input)="test=$event.target.textContent">{{test}}</td> 

和它的作品。