ng-style在​​中不能用於布爾型的原因是什麼？

Question

試過下面的標記：

`<td ng-style="isTrue && {'background-color':'yellow'}">` 

在那裏我試圖在黃色突出顯示，如果單元格的值是true，但代碼是行不通的。可能是什麼原因？

Answer 1

請記住ng樣式是AngularJS屬性。你應該這樣做：

angular.module('app', []).controller('myctrl', function($scope) { 
 
    $scope.isTrue = true; 
 
});

div[ng-style] { 
 
    width: 150px; 
 
    height: 150px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app='app' ng-controller='myctrl'> 
 
    <div ng-style="{ 'background-color' : isTrue ? 'yellow' : 'red'}"> 
 
    </div> 
 
</div>