【问题标题】:AngularJS / CSS-Selectors - Form ValidationAngularJS / CSS-Selectors - 表单验证
【发布时间】:2015-01-18 04:04:18
【问题描述】:

简单的问题:

为什么summary类可以直接附加到<span>元素而不是ng-classes<form>标签?

是因为ng-classes 是稍后在运行时生成的吗?指导方针是什么?

CSS:

HTML:

【问题讨论】:

    标签: javascript html css angularjs css-selectors


    【解决方案1】:

    这不是你使用 ng-class 的方式。而是这样做:

    <span class="summary" ng-class="{ 'ng-valid': myForm.$valid, 'ng-invalid': !myForm.$valid }">...</span>
    

    如果您想按照自己的方式进行操作,请这样做:

    <span class="summary {{ myForm.$valid ? 'ng-valid' : 'ng-invalid' }}">...</span>
    

    下次您需要有关 stackoverflow 的帮助时,请粘贴代码而不是图像。会轻松很多。

    【讨论】:

    • 这不是品味问题吗?根据我的书,这就是它应该完成的方式 - 就我自己而言,我在视觉上更喜欢书中的语法(以防没有任何其他好处)。无论如何,最初的问题与 form ng-invalid.ng-dirtyspan.summary.ng-invalid css 选择器部分之间的额外空间有关。
    猜你喜欢
    • 2016-07-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-26
    • 2015-10-09
    • 2013-08-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多