什么可能是ng-style不适用于布尔值的原因?

时间:2017-03-28 05:31:12

标签: angularjs

尝试以下标记:

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

如果单元格值为true但代码不起作用,我试图以黄色突出显示。可能是什么原因?

1 个答案:

答案 0 :(得分:0)

请记住,ng-style是一个AngularJS属性。你应该做点什么:

&#13;
&#13;
angular.module('app', []).controller('myctrl', function($scope) {
  $scope.isTrue = true;
});
&#13;
div[ng-style] {
  width: 150px;
  height: 150px;
}
&#13;
<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>
&#13;
&#13;
&#13;