1

リクエストが 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">

私はこれを間違った方法でやっていますか？可能な限り少ないコードでソリューションを実装したくありません。ご協力ありがとうございました。

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ディレクティブを 2 つ持つ代わりに使用するng-if

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