角度2テキストボックスに必要な検証メッセージは、まだ値が入力された後でさえも示す

Question

私の要件値が入力された後、私はテキストボックスから必要なのエラーメッセージを非表示にする必要が

私がしたこと

私は、ユーザーが追加ボタンをクリックしてテキストボックスをクリックすることで動的フィールドを追加できるフォームを作成しました。そのテキストボックスをクリックすると、それが表示されますいくつかのカップルを持っているユーザーがモーダルに値を持つフィールドを入力した後、モーダルのボタンを押すと値が取得され、モーダルフッタ内のプレタグに表示されます.jqueryを使用して、プレタグからテキストを取得し、値がまだそれ

を取り除くためにどのようにERROメッセージを取得していますjqueryのを使用して、事前タグからペーストされた後も、モーダルフッター

問題

内のボタンクリックでテキストボックスのフィールドにテキスト

これはあなたのためのコードです。

<input ngControl="rules" id="rule_{{i}}" class="form-control rulez" #rules="ngForm" data-toggle="modal" data-target="#myModal" type="text" style="width: 299px !important;"> 

     <div class="error" *ngIf="rules.control.touched"> 
      <div *ngIf="rules.control.hasError('required')">Please Select a Rule</div> 
     </div> 
</div> 

<pre id="preTag"></pre> 

jQueryのコードモーダルから値を取得し、モーダルはonclickの

var idz, valz; 
$(document).ready(function() { 
    $(document).delegate('#getRuleStr', 'click', function() { 
     console.log("hey"+idz); 
     $('#'+idz).val($('#preTag').text()); 
    }); 
    $(document).delegate('.rulez', 'click', function() { 
     idz = this.id; 
     valz = $('#' + idz).val(); 
     console.log("inn" + valz); 

      $('#builder').queryBuilder('reset'); 
      $('#resultRule').addClass('hide').find('pre').empty(); 

    }); 
}); 

によってポップアップ時に同じテキストボックスにそれを適用すると、私は限り私はあなたを知っているように、この問題に

Answer 1

を解決してくださいしますAngular2フォームがその状態を更新するように値を変更した後に、入力上でchangeイベントを発生させる必要があります。

Angular2では、モデルを更新してビューからバインドして、Angular2でモデルを反映するようにビューを更新する方が、jQueryを使用してDOMを直接操作するのではなく、