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

Question

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

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

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

Примечание: Это текстовое поле внутри одной из моих многочисленных вкладок, являющихсяиспользуется на угловой странице.

Answer 1

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

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

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