これは動作しません。<div id = "number_1" class="number" ng-click="selected='1'" ng-class="{active: selected=='1',firstactive: firstnumber=='1'}"><div class="number-text">1</div></div>しかし、ng-classを子divに適用するとうまく動作します。ダイナミックな値を持つng-classと同じdivで動作しない条件
私のために働きます。私はアクティブなクラスが最初の場合に適用されていない意味この
var demo = angular.module('demo', []);
demo.controller('DemoCtrl', function($scope) {
$scope.firstnumber = 1;
});.active {
color: green;
}
.firstactive {
border: 1px solid red;
}<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="demo">
<div ng-controller="DemoCtrl">
<div id="number_1" class="number" ng-class="{active: selected=='1',firstactive: firstnumber=='1'}" ng-click="selected='1'">
<div class="number-text">1</div>
</div>
</div>
</body>
を確認することができます。 –