2017-10-10 10 views
1

入力から更新されている入力がありますが、入力フィールドが更新されると(変更)イベントはトリガーされません。Angular2入力が変更イベントをトリガーしない

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> 
+0

[ngModel] = "inputValue"の代わりに[(ngMode)l] = "inputValue"を使用します。 – Chandru

+0

私はurコードで問題は見つかりません。それは動作するはずです。コンソールにエラーがないか確認してください。これはこれとは関係ありません。 – Muthukumar

+0

それでもイベントはトリガされませんが、私は2ウェイバインディングを使用する必要があります。 – TestNInja

答えて

0

:私はそうのように私のインデックスHTMLで入力フィールドを更新しています

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

:入力用のコンポーネントファイルに

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

機能これをしないでください。

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

代わりに、(inputValueにアクセスするINORDERコンポーネントレベルで行われるべきである)結合特性に直接的に値を割り当てる

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

を試してみても2ウェイ結合構文を使用します。

関連する問題