文本框在角度 6 中丢失焦点丢失数据答案

【问题标题】：Text box loses data on lost focus in angular 6文本框在角度 6 中丢失焦点丢失数据
【发布时间】：2018-09-20 22:33:44
【问题描述】：

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

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

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

注意：此文本框位于我在 Angular 页面中使用的众多选项卡之一中。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：