2

このサンプルのように ng-switch-when と ng-class が同じ要素で使用されている場合、互換性の問題がないかどうか疑問に思っていました。

この 4 つの要素のクラスを動的に変更しようとしていますが、何らかの理由で、現在表示されている要素だけで、すべての要素で機能していません。

ここで何が起こっているか知っている人はいますか?

<div>
    <div ng-switch="sw" ng-init="sw=1">
        <div ng-switch-when="1" ng-class="oneClassOrAnother()"></div>
        <div ng-switch-when="2" ng-class="oneClassOrAnother()"></div>
        <div ng-switch-when="3" ng-class="oneClassOrAnother()"></div>
        <div ng-switch-when="4" ng-class="oneClassOrAnother()"></div>
    </div>
    <div>
        <button ng-click="goTo(1)">1</button>
        <button ng-click="goTo(2)">2</button>
        <button ng-click="goTo(3)">3</button>
        <button ng-click="goTo(4)">4</button>
    </div>
</div>

div を切り替えます。

$scope.goTo = function(x) {
    $scope.sw = x;
}

いずれかのクラスを返します。

$scope.oneClassOrAnother= function() {
    if (...) return "class1";
    else return "class2";
}

どうもありがとう。

4

2 に答える 2