2016-07-08 19 views
0

這不工作<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級動態值和條件不工作在同一個div

+0

我的意思是活動類沒有在第一種情況下應用。 –

回答

0

適合我。您可以檢查此

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>