Question

我正在尝试使用ng-style设置样式。我有一个数组：

scope.order = [0, 1, 2, 3, 4, 5]

我正在尝试使用它在div上设置订单：

<div class="col-md-3" ng-show="country.usesAddrDistrict" ng-style="{'order': order.indexOf(3)}">
 ...
</div>

订单没有设定。

我试过ng-style="{order: order.indexOf(3)}" 这也不起作用。我正在使用Angular 1.5.8。这是如何工作的？

Answer 1

您的代码看起来很好，您只需要在模板上显示数组，而不是使用块范围声明。

尝试定义附加到$ scope的数组。

$scope.order = [0, 1, 2, 3, 4, 5];

或者如果您使用控制器作为语法

this.order = [0, 1, 2, 3, 4, 5]

Answer 2

尝试将订单分配到$ scope。

let order = [0, 1, 2, 3, 4, 5]
  angular.module('myApp', [])
      .controller("example", ["$scope", function (s) {
          s.order = order;
      }])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<div ng-app="myApp">
  <div class="container" ng-controller="example">
    <div ng-style="{'order': order.indexOf(3)}"> Order:  {{order.indexOf(3)}}</div>
  </div>
</div>

为什么我的ng风格不起作用？

2 个答案: