使用带有对象数组angularjs的ng init的错误语法答案

【问题标题】：wrong syntax using ng init with an array of objets angularjs使用带有对象数组angularjs的ng init的错误语法
【发布时间】：2019-03-23 11:38:21
【问题描述】：

我在下面有以下 html 页面，我想在列表中使用 order by 过滤器，我正在尝试创建一个教程，所以在这里我还不想使用 JavaScript 文件。我还做了一个 Fiddle：https://jsfiddle.net/AnaSeq/tqgpr4jL/

我的语法有什么问题？我怀疑它在 ng-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>

【问题讨论】：

这是orderBy 过滤器，而不是order by

标签： html arrays angularjs

【解决方案1】：

<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”

【讨论】：