文本框丢失角度6中丢失焦点的数据

Question

我的一个表格中的输入框在失去焦点时表现出非常奇怪的行为。我刚刚使用[（ngModel）]将数据绑定到name属性，如下所示：

 <input type="text" style="width:30%;" [(ngModel)]="settings[0].propertyValue" name="header" placeholder="Enter Event Title">

最初，它显示数据，因为设置变量从api获取数据。但是当我更改其中的文本并按Tab键时，它只会覆盖来自API的数据。请帮助我，因为当我在文本框中完成编辑时，它限制我按Tab键。

注意：此文本框位于角度页面中使用的众多选项卡中的一个。

Answer 1

在这里，要使用双向绑定，我们必须使用.ts和.html文件中的变量。

你可以通过声明另一个全局变量'eventTitle'来实现这一点。

在settings[0].propertyValue文件中获得API的响应后，将eventTitle的值放入.ts。然后使用.html在{{eventTitle}}文件中访问它。