So, I decided to learn a little about AngularJS and I am watching Dan Wahlin’s video tutorial. About one-third of the way through, I started getting annoyed by all the horizontal scrolling back and forth, so I formatted my HTML like so:
<li data-ng-repeat="cust in customers |
filter:name |
orderBy:'city'">
{{cust.name}} - {{cust.city}}
</li>
Using Firefox 20.0.1 on Windows XP, I got the following in Firebug console:
Error: Expected ngRepeat in form of '_item_ in _collection_'
but got 'cust in customers |
filter:name |
orderBy:'city''.
Everything works if everything is on a single line:
<li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">
What am I missing?