Question

我有一个正在从查询中更新的输入，但是，更新输入字段时不会触发（更改）事件。

输入的HTML：

<input type="text" [ngModel]="inputValue" id="itemText" (ngModelChange)="setNewItem($event)">

用于输入的组件文件中的函数：

setNewItem(item){
console.log("Triggered");
return this.ds.setItem(item);  }

我正在更新索引html中的输入字段，如下所示：

 <script>
 ....
 onSelect: function (request, response) {
        var urlApi = 'http://localhost:8088/Badges/Details/' + request.item;
                   $.ajax({
                    type: "GET",
                    url: urlApi,
                    dataType: 'json',
                    success: function(response) {
                      document.getElementById("itemText").value = response.items[0].item; } 
     }); 
}
</script>

Answer 1

你不应该这样做，

document.getElementById("itemText").value = response.items[0].item;

而是尝试将值直接分配给绑定属性（应该在组件级别完成，以便能够访问inputValue），

 this.inputValue = response.items[0].item;

并使用双向绑定语法。

Angular2输入未触发更改事件

1 个答案: