1

如果请求为假，我在如何切换课程时遇到一些问题。让我向您展示我的代码和解释。

这就是我的输入的样子

<div class="form-group">
    <label for="locationName">Location name</label>
    <input type="text" class="form-control" id="locationName"
           ng-model="locationName">
</div>

这是我获取响应的控制器部分

}).success(function(data, status, headers, config) {
    console.log(data, status, headers, config);
}).error(function(data) {
    $scope.locationNameError = data.errors.locationName;
});

所以现在我不想实现，当$scope.locationNameError我的班级设置在所需的输入上时form-group has-error

到目前为止，我认为如果例如进行相同的排序，但这不起作用

<div ng-if="!locationNameError" class="form-group">
<div ng-if="locationNameError" class="form-group has-error">

我这样做是错误的吗？我不想用尽可能少的代码来实现解决方案。谢谢您的帮助。

4

3 回答 3

4

ng-class改为用于ng-if：

改变：

<div ng-if="!locationNameError" class="form-group">
<div ng-if="locationNameError" class="form-group has-error">

至：

<div ng-class="{'has-error': locationNameError}" class="form-group">
于 2016-06-23T16:02:24.327 回答
2

使用ng-class指令而不是两个ng-if

<div class="form-group" ng-class="{'has-error': locationNameError}" class="form-group">
于 2016-06-23T16:01:31.127 回答
2

Ng-class 可能是您正在寻找的：

<div data-ng-class="{'has-error': locationNameError}">...</div>

于 2016-06-23T16:03:17.277 回答