为什么我的 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>