2016-07-14 64 views
1

我的要求角2文本框中輸入所需的驗證消息仍然顯示已輸入的數值即使

我需要隱藏的從文本框中所需的錯誤信息已經輸入的數值後

我有什麼難道

我已經創建了哪些用戶可以通過點擊添加按鈕添加動態領域,將會有文本框,在該文本框的點擊形式正在呈現出一個模式將在其中有幾個o f字段後,用戶在模態中輸入值的字段,他們將擊中模式中的按鈕將獲得價值,並顯示在模態頁腳內的預標籤,使用jquery我從pre標籤中獲取文本,並應用文字上的模態頁腳裏面的按鈕點擊文本框領域

問題

值由預使用標籤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(); 

    }); 
}); 

請幫我解決這個問題

+0

您是否找到解決方案? – Karthik

+0

@JamesVo你是否有它?.. –

+0

是的,你可以發佈你的答案答案,最好是使用他人。 – Karthik

回答

0

據我知道你在修改值以使Angular2 Forms更新其狀態之後,需要在輸入上發出change事件。

在Angular2中,更新模型並從視圖綁定到更新視圖以更新視圖以反映Angular2的模型,而不是直接使用jQuery來搞亂DOM。

+0

Zochbauer可能你只是提供了一個示例代碼或鏈接來實現你所提到的情況,請 –

+0

對不起,我不知道jQuery和你的例子對我來說沒有多大意義。儘管使用jQuery發送事件不應該太困難。 –

+0

好的沒問題 –