неправильный синтаксис при использовании ng init с массивом объектов angularjs - PullRequest
0 голосов
/ 18 октября 2018

У меня есть следующая HTML-страница ниже, где я хочу использовать порядок по фильтру в списке, я пытаюсь создать учебник, поэтому здесь я пока не хотел использовать файл JavaScript.Я также сделал Fiddle: https://jsfiddle.net/AnaSeq/tqgpr4jL/

Что не так с моим синтаксисом?Я подозреваю, что это на нг-init

 <!DOCTYPE html>
     <html ng-app="">
     <head><title></title></head>
     <body>
     <div ng-init=" 
            names = [
          {name: 'John',   phone: '555-1212',  age: 10},
          {name: 'Mary',   phone: '555-9876',  age: 19},
          {name: 'Mike',   phone: '555-4321',  age: 21},
          {name: 'Adam',   phone: '555-5678',  age: 35},
          {name: 'Julie',  phone: '555-8765',  age: 29}
          ]">
     <h3> Looping with the ng-repeat Directive </h3>
     <ul>
     <li ng-repeat="person in names | order by: 'name'">{{person.name}}</li>
     </ul>
     </div>
     <script src="angular.js"></script>
     </body>
     </html>

1 Ответ

0 голосов
/ 19 октября 2018

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<html ng-app="">

  <head>
    <title></title>
  </head>

  <body>
    <div ng-init=" 
		names = [
	  {name: 'John',   phone: '555-1212',  age: 10},
      {name: 'Mary',   phone: '555-9876',  age: 19},
      {name: 'Mike',   phone: '555-4321',  age: 21},
      {name: 'Adam',   phone: '555-5678',  age: 35},
      {name: 'Julie',  phone: '555-8765',  age: 29}
	  ]">
      <h3> Looping with the ng-repeat Directive </h3>
      <ul>
        <li ng-repeat="person in names | orderBy: 'name'">{{person.name}}</li>
      </ul>
    </div>
    <script src="angular.js"></script>
  </body>

</html>

Ошибка с "order by", замените его на "orderBy"

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...