javascript - 我使用 ng-class 有什么问题？

Question

我正在使用 ui-router，下面的 View 使用 'Controller As' 语法访问 Controller 。我将“无效”类添加到 'shift'-radios 容器中。加载表单时，您可以看到两个验证required 消息(对于requestDate 和shift)。当 requestDate 和 shift 设置时，验证消息消失。表单的 $valid 为真。唯一的问题是 radio-wrapper div 上的 'invalid' 类保留了下来。

我做错了什么？

<form novalidate ng-submit="_form.$valid && formCtrl.getFormData()" name="_form">
    <div class="datepicker-wrapper clearfix">
        <datepicker date-format="yyyy-MM-dd">
            <input required ng-model="formCtrl.requestDate" name="requestDate" type="text" />
        </datepicker>                       
    </div>
    <div ng-messages="_form.requestDate.$error" role="alert">
        <div ng-message="required">Введите дату</div>
    </div>
    <div class="radio-wrapper clearfix" ng-class="{invalid: _form.shift.$error}">
        <div ng-repeat="shift in formCtrl.shifts" class="item half-width pull-left">
            <label for="<% shift.name %>">
                <input required ng-model="formCtrl.currentShift" 
                       name="shift" 
                       ng-value="shift" 
                       id="<% shift.name %>" 
                       type="radio" />
                <span class="text"><span ng-bind="shift.text"></span></span>
            </label>
        </div>
    </div>
    <div ng-messages="_form.shift.$error" role="alert">
        <div ng-message="required">Укажите смену</div>
    </div>
    <!-- other inputs... -->
</form>

Answer 1

我认为您需要使用 $invalid 属性，它是一个 bool 值，而不是 $error 属性，它是一个哈希值。

参见:https://docs.angularjs.org/api/ng/type/ngModel.NgModelController