如果响应为false,则使用angular更改类

时间:2016-06-23 15:59:00

标签: javascript angularjs ng-class angularjs-ng-class

如果请求为false,我遇到了如何切换类的问题。让我告诉你我的代码和解释。

所以这就是我的输入看起来像

<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">

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

3 个答案:

答案 0 :(得分:4)

使用std::vector<std::string> command; desc.add_options() ("bar", po::value(&bar), "bar") ("command", po::value(&command)); po::positional_options_description p; p.add("command", -1); po::variables_map vm; po::parsed_options parsed = po::command_line_parser(argc, argv).options(desc).positional(p).run(); po::store(parsed, vm); po::notify(vm); 代替ng-class

变化:

ng-if

要:

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

答案 1 :(得分:2)

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

<div class="form-group" ng-class="{'has-error': locationNameError}" class="form-group">

答案 2 :(得分:2)

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

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