Question

我正在创建表单验证，我学会了如何做一些简单的验证工作，我可以得到错误并显示一些错误消息。现在我想要的是在正确输入文本输入时显示一些样式。

这是我的一些代码：

<div class="form-group col-md-12" ng-class="{'has-error': noteForm.c_subject.$invalid && noteForm.c_subject.$touched }">

如果没有错误，我想申请has-success课程。我怎么能这样做？

Answer 1

你不能反转这个条件吗？您可以使用以下语法链接ng-class中的类：

<div class="form-group col-md-12" 
    ng-class="{'has-error': noteForm.c_subject.$invalid && noteForm.c_subject.$touched, 
               'has-success': !noteForm.c_subject.$invalid || !noteForm.c_subject.$touched }">

Answer 2

<div class="form-group col-md-12 {{(noteForm.c_subject.$invalid && noteForm.c_subject.$touched)? 'has-error': 'has-success'}}></div>

Answer 3

更新

oldSession.destroy()

要

ng-class="{'has-error': noteForm.c_subject.$invalid && noteForm.c_subject.$touched }"

即。

ng-class ="{true: 'has-error', false: 'has-success'}[noteForm.c_subject.$invalid && noteForm.c_subject.$touched]"

如何使用Angular应用三元类（ng-class）？

3 个答案: