为 <input> 元素覆盖 Bootstrap Material 设计事件侦听器

Question

我有一个 Angular2 组件，它使用 Bootstrap Material 外观设计

@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>元素.

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

覆盖它

我如何override/stop Bootstrap MD 跟踪 <input> 元素上的 validation/input 事件？

Answer 1

我终于明白了，您只需在实际启动库之前禁用 validation。

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

</script>

为 <input> 元素覆盖 Bootstrap Material 设计事件侦听器

Override Bootstrap Material Design event listener for <input> element

validation

twitter-bootstrap-3

angular

bootstrap-material-design