为什么我的ng-style不能工作？

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>

​