ng-class或ng-style用于文本区域验证中的错误消息

时间:2015-04-29 17:40:07

标签: javascript css angularjs

我想知道什么是最好的"棱角分明"方法是改变字符计数的样式以进行验证。我的文本区域限制为250个字符。我们希望允许用户输入超过250而不是使用max-length,而是显示负数并将样式更改为红色(如twitter等)。问题是什么是最好的方法?使用带有布尔评估的ng-style或ng-class进行更改?

  <h6 class="subheader right" ng-class="{'alert':'(250 - formData.SubTitle.length)<0'}">{{250 - formData.SubTitle.length}} /250</h6>

&#34;警报&#34;是输入的字符数后切换到的类名&lt; 0

更新 在这种情况下,ng-class和ng-style有什么区别? (如果有的话)

1 个答案:

答案 0 :(得分:0)

根据应用程序的不同,使用ng-style可能没什么意义。特别是如果你的应用有很多输入。一个类对他们来说都更有意义,并遵循DNRY。为每个输入添加样式相当繁琐。当你突然不得不对100个输入进行更改时,指数是这样的(并且你会...)