首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如果响应为false,则更改具有角的类。

如果响应为false,则更改具有角的类。
EN

Stack Overflow用户
提问于 2016-06-23 15:59:00
回答 3查看 153关注 0票数 1

如果请求是假的,如何切换类,我有一些问题。让我给你看我的代码和解释。

所以我的输入就是这样的

代码语言:javascript
运行
复制
<div class="form-group">
    <label for="locationName">Location name</label>
    <input type="text" class="form-control" id="locationName"
           ng-model="locationName">
</div>

这是控制器的一部分,我在这里获取响应

代码语言:javascript
运行
复制
}).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

例如,到目前为止,我被认为做同样的事情,但这不起作用。

代码语言:javascript
运行
复制
<div ng-if="!locationNameError" class="form-group">
<div ng-if="locationNameError" class="form-group has-error">

我是不是做错了?我不想用较少的代码来实现解决方案。谢谢你的帮助。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-06-23 16:02:24

使用ng-class代替ng-if

更改:

代码语言:javascript
运行
复制
<div ng-if="!locationNameError" class="form-group">
<div ng-if="locationNameError" class="form-group has-error">

至:

代码语言:javascript
运行
复制
<div ng-class="{'has-error': locationNameError}" class="form-group">
票数 4
EN

Stack Overflow用户

发布于 2016-06-23 16:01:31

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

代码语言:javascript
运行
复制
<div class="form-group" ng-class="{'has-error': locationNameError}" class="form-group">
票数 2
EN

Stack Overflow用户

发布于 2016-06-23 16:03:17

吴类很可能是你要找的:

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37996545

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档