【问题标题】:ng-class not showing correctng-class 显示不正确
【发布时间】:2016-11-28 05:13:14
【问题描述】:

我有表单,当 $isvalidate = true 时,按钮的类为“disable-reg-btn”,如下所示:

ng-class="{{reg_form.$invalid ? 'disable-reg-btn' : ''}}"

,但是当我在浏览器中看到页面并且表单无效时,我在 Chrome 的开发工具中看到:

<button ng-class="disable-reg-btn" ng-disabled="true" ......

并且没有添加类。 哪里出错了?

我正在使用 Angular 1.5.8。 Angular 被添加到页脚中。 该按钮位于具有 ng-app 和 ng-controller 属性的 div 内。

【问题讨论】:

    标签: javascript angularjs


    【解决方案1】:

    使用Evaluated Expression

    ng-class="{'disable-reg-btn': reg_form.$invalid}"
    

    查看此tutorial 了解更多信息。

    【讨论】:

    • 谢谢,你就是答案。我有同样的问题,使用ng-disabled="{{reg_form.$invalid}}",它呈现ng-disabled="true",但不是disabled="disabled" 什么是做这件事的正确方法?
    • Angular的大部分指令中你不应该使用插值..所以你应该改为:ng-disabled="reg_form.$invalid"
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-09-09
    • 1970-01-01
    • 1970-01-01
    • 2012-09-23
    • 2020-12-09
    • 1970-01-01
    • 2017-01-24
    相关资源
    最近更新 更多