1

我有一个Angular2使用 Bootstrap Material Design 来实现外观的组件

@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用来跟踪字段更改,我想手动控制我的组件的视觉效果,即error通过应用class 'has-error'到外部<div>元素处于状态时。

目前,当我class 'has-success'从 Angular2 控制器组件应用时,Bootstrap 会立即用class 'has-error'.

如何覆盖/停止跟踪元素Bootstrap MD上的验证/输入事件?<input>

4

1 回答 1

2

我终于想通了,您只需validation在实际启动库之前禁用它。

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

</script>
于 2016-02-27T19:13:53.217 回答