Почему мой стиль нг не работает?

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>