javascript - AngularJS过滤搜索结果: Error: [ng:areq]

Question

我正在尝试在 angularjs 中过滤搜索结果，但在 chrome 控制台上收到此错误:错误:[ng:areq]

这是我的代码片段

<div id="notebooks" ng-controller="NotebookListCtrl">
  <input type="text" id="query" ng-model="query"/>
  <select ng-model="orderList">
    <option value="name">By name</option>
    <option value="-age">Newest</option>
    <option value="age">Oldest</option>
  </select>
  <ul id="notebook_ul">
    <li ng-repeat="notebook in notebooks | filter:query | orderBy: orderList">
      name: {{notebook.name}}<br/>
      procesor: {{notebook.procesor}}<br/>
      <div class="right top">{{notebook.age}}</div>
    </li>
  </ul>
  <span>Number of notebooks: {{notebooks.length}}</span>
</div>

这是我做的小东西 http://plnkr.co/edit/P1DFr3fEuWiYGfC0k7bj?p=preview

一切看起来都很好，但我不知道为什么会出现上述错误。

Answer 1

angular.module("myApp",["ngSanitize"])
.controller('NotebookListCtrl', ['$scope',
  function ($scope) {
    $scope.notebooks = [
      {"name": "Lenovo",
       "procesor": "Intel i5",
       "age": 2011},
      {"name": "Toshiba",
       "procesor": "Intel i7",
       "age": 2010},
      {"name": "Toshiba",
       "procesor": "Intel core 2 duo",
       "age": 2008},
      {"name": "HP",
       "procesor": "Intel core 2 duo",
       "age": 2012},
      {"name": "Acer",
       "procesor": "AMD",
       "age": 2006},
      {"name": "Lenovo",
       "procesor": "Intel i5",
       "age": 2009},
      {"name": "Toshiba",
       "procesor": "Intel i7",
       "age": 2008},
      {"name": "Lenovo",
       "procesor": "Intel i5",
       "age": 2011},
      {"name": "Toshiba",
       "procesor": "Intel i7",
       "age": 2010},
      {"name": "Toshiba",
       "procesor": "Intel core 2 duo",
       "age": 2008},
      {"name": "HP",
       "procesor": "Intel core 2 duo",
       "age": 2012},
      {"name": "Acer",
       "procesor": "AMD",
       "age": 2006},
      {"name": "Lenovo",
       "procesor": "Intel i5",
       "age": 2009},
      {"name": "Toshiba",
       "procesor": "Intel i7",
       "age": 2008},
      {"name": "Lenovo",
       "procesor": "Intel i5",
       "age": 2011},
      {"name": "Toshiba",
       "procesor": "Intel i7",
       "age": 2010},
      {"name": "Toshiba",
       "procesor": "Intel core 2 duo",
       "age": 2008},
      {"name": "HP",
       "procesor": "Intel core 2 duo",
       "age": 2012},
      {"name": "Acer",
       "procesor": "AMD",
       "age": 2006},
      {"name": "Lenovo",
       "procesor": "Intel i5",
       "age": 2009},
      {"name": "Toshiba",
       "procesor": "Intel i7",
       "age": 2008}
    ];
    $scope.orderList = "name";
  }
]);