Trying to implement a search filter in my AngularJS application, but encountering an error in the Chrome console: Error: [ng:areq]
Below is the code snippet:
<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/>
processor: {{notebook.processor}}<br/>
<div class="right top">{{notebook.age}}</div>
</li>
</ul>
<span>Number of notebooks: {{notebooks.length}}</span>
</div>
Here is the link to the Plunker I created: http://plnkr.co/edit/P1DFr3fEuWiYGfC0k7bj?p=preview
Despite everything appearing correct, the error message persists. Any insights into why this error might be occurring would be greatly appreciated.