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

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

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

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

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


angular angular-cli-v6
person Tejashri Patange    schedule 20.09.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

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

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

person Todarmal    schedule 14.02.2019