Текстовое поле теряет данные о потерянном фокусе в угловых 6

Question

Поле ввода в одной из моих форм демонстрирует очень странное поведение при потере фокуса. Я только что связал данные, используя [(ngModel)] с атрибутом name следующим образом:

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

Первоначально он показывает данные, так как переменная settings получает данные из API. Но когда я изменяю текст в нем и нажимаю вкладку, он просто переопределяет данные из API. Пожалуйста, помогите мне с этим, так как это ограничивает меня от нажатия вкладки, когда я закончу редактирование в текстовом поле.

Answer 1

Здесь, чтобы использовать двустороннюю привязку, мы должны переменную, которая может быть изменена как из .ts так же как .html файлы.

Вы можете добиться этого, объявив другую глобальную переменную, скажем, "eventTitle".

Поместите значение settings[0].propertyValue в eventTitle после получения ответа от API в .ts файл. Тогда получите к нему доступ .html файл с {{eventTitle}},