diff options
| author | Igor Minar | 2012-04-27 15:18:54 -0700 |
|---|---|---|
| committer | Igor Minar | 2012-04-30 01:08:15 -0700 |
| commit | 075c089b5cbe72e95ec96638f8925aeb44824f7c (patch) | |
| tree | c4502f67a8b5862c31c101152708a6a8d2c35dd1 /docs/content/tutorial/step_03.ngdoc | |
| parent | 2b87c814ab70eaaff6359ce1a118f348c8bd2197 (diff) | |
| download | angular.js-075c089b5cbe72e95ec96638f8925aeb44824f7c.tar.bz2 | |
docs(tutorial): update all the remaining steps
I made some diagrams and portions of the text that are stil stale
invisible. We'll fix these in the next relese.
Diffstat (limited to 'docs/content/tutorial/step_03.ngdoc')
| -rw-r--r-- | docs/content/tutorial/step_03.ngdoc | 32 |
1 files changed, 23 insertions, 9 deletions
diff --git a/docs/content/tutorial/step_03.ngdoc b/docs/content/tutorial/step_03.ngdoc index 4028dcda..60b4173b 100644 --- a/docs/content/tutorial/step_03.ngdoc +++ b/docs/content/tutorial/step_03.ngdoc @@ -32,14 +32,27 @@ We made no changes to the controller. __`app/index.html`:__ <pre> ... - Fulltext Search: <input ng-model="query"> - - <ul class="phones"> - <li ng-repeat="phone in phones | filter:query"> - {{phone.name}} - <p>{{phone.snippet}}</p> - </li> - </ul> + <div class="container-fluid"> + <div class="row-fluid"> + <div class="span2"> + <!--Sidebar content--> + + Search: <input ng-model="query"> + + </div> + <div class="span10"> + <!--Body content--> + + <ul class="phones"> + <li ng-repeat="phone in phones | filter:query"> + {{phone.name}} + <p>{{phone.snippet}}</p> + </li> + </ul> + + </div> + </div> + </div> ... </pre> @@ -54,7 +67,7 @@ list. This new code demonstrates the following: name of the input box to a variable of the same name in the data model and keeps the two in sync. In this code, the data that a user types into the input box (named __`query`__) is immediately -available as a filter input in the list repeater (`phone in phones | filter(`__`query`__`)`). When +available as a filter input in the list repeater (`phone in phones | filter:`__`query`__). When changes to the data model cause the repeater's input to change, the repeater efficiently updates the DOM to reflect the current state of the model. @@ -86,6 +99,7 @@ describe('PhoneCat App', function() { browser().navigateTo('../../app/index.html'); }); + it('should filter the phone list as user types into the search box', function() { expect(repeater('.phones li').count()).toBe(3); |
