文本框丢失有关角度6失去焦点的数据

Question

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

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

最初，它显示数据，因为 settings 变量从api获取数据。但是，当我更改其中的文本并按Tab键时，它只会覆盖API中的数据。请帮我解决这个问题，因为在文本框中完成编辑后，它会限制我按Tab键。

注意：该文本框位于我在角度页面中使用的多个标签之一。

Answer 1

  

在这里，要使用双向绑定，我们必须使用一个可以在.ts和.html文件中进行更改的变量。

您可以通过声明另一个全局变量“ eventTitle”来实现。

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