覆蓋引導材料設計事件偵聽器<input>元素

Question

我有一個使用引導材料設計look'n'feel

@Component({ 
selector:'inputCustom', 
template:` 
    <div class="form-group label-floating has-error"> 
     <label class="control-label" for="input">Type here</label> 
     <input class="form-control" id="input" type="text"> 
     <p class="help-block">Some error text</p> 
     <span class="material-input"></span> 
    </div> 
`}) 
class InputCustom{....} 

我用Angular2跟蹤場變化的Angular2成分，我想控制的視覺效果我的組件手動，即當在error狀態時，通過將class 'has-error'應用於外部<div>元素。

目前，當我從我的Angular2控制器組件應用class 'has-success'時，Bootstrap立即用class 'has-error'覆蓋它。

如何覆蓋/停止Bootstrap MD跟蹤<input>元素上的驗證/輸入事件？

Answer 1

我覺得它終於出來了，你只是在實際啓動庫之前禁用了validation。

<script type="text/javascript"> 
    $.material.options.validate = false; 
    $.material.init(); 

</script>