覆盖引导材料设计事件侦听器<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>