diff options
| author | Kenneth R. Culp | 2011-05-02 16:40:31 -0700 | 
|---|---|---|
| committer | Igor Minar | 2011-06-06 22:28:38 -0700 | 
| commit | 9d9117384f7879be56e5b905f3533b89983efa4b (patch) | |
| tree | a3b2b8cdb6c573e1856af8393a9afde0e8484c0d /docs/content/tutorial/step_08.ngdoc | |
| parent | 525e444a0faf41ae58499c5d3ab0ae32a05895b5 (diff) | |
| download | angular.js-9d9117384f7879be56e5b905f3533b89983efa4b.tar.bz2 | |
Latest greatest tutorial udpates.
Diffstat (limited to 'docs/content/tutorial/step_08.ngdoc')
| -rwxr-xr-x | docs/content/tutorial/step_08.ngdoc | 43 | 
1 files changed, 27 insertions, 16 deletions
| diff --git a/docs/content/tutorial/step_08.ngdoc b/docs/content/tutorial/step_08.ngdoc index 2d5c0ab9..ec542f0d 100755 --- a/docs/content/tutorial/step_08.ngdoc +++ b/docs/content/tutorial/step_08.ngdoc @@ -18,16 +18,15 @@ a phone in the phone list.  1. Reset your workspace to Step 8 using: -    git checkout --force step-8 +         git checkout --force step-8 -or +  or -    ./goto_step.sh 8 +         ./goto_step.sh 8  2. Refresh your browser or check the app out on {@link -http://angular.github.com/angular-phonecat/step-8/app our server}. Now when you click on a phone -on the list, the phone details page with phone-specific information is displayed. - +http://angular.github.com/angular-phonecat/step-8/app angular's server}. Now when you click on a +phone on the list, the phone details page with phone-specific information is displayed.  To implement the phone details view we will use {@link angular.services.$xhr $xhr} to fetch our  data, and we'll flesh out the `phone-details.html` view template. @@ -87,14 +86,15 @@ function PhoneDetailCtrl($xhr) {  //PhoneDetailCtrl.$inject = ['$xhr'];  </pre> -   +To construct the URL for the HTTP request, we use `params.phoneId` extracted from the current +route in the `PhoneCatCtrl` controller.   ## Template  The TBD placeholder line has been replaced with lists and bindings that comprise the phone -details. Note where we use the angular `{{ expression }}` markup and `ng:repeater`s to project -phone data from our model into the view. +details. Note where we use the angular `{{expression}}` markup and `ng:repeater`s to project phone +data from our model into the view.  __`app/partials/phone-details.html`:__ @@ -131,7 +131,7 @@ __`app/partials/phone-details.html`:__  ## Test  We wrote a new unit test that is similar to the one we wrote for the `PhoneListCtrl` controller in -Step 5. +step 5.  __`test/unit/controllerSpec.js`:__  <pre> @@ -152,10 +152,10 @@ __`test/unit/controllerSpec.js`:__  To run the unit tests, execute the `./scripts/test.sh` script and you should see the following  output. -    Chrome: Runner reset. -    ... -    Total 3 tests (Passed: 3; Fails: 0; Errors: 0) (5.00 ms) -      Chrome 11.0.696.57 Mac OS: Run 3 tests (Passed: 3; Fails: 0; Errors 0) (5.00 ms) +        Chrome: Runner reset. +        ... +        Total 3 tests (Passed: 3; Fails: 0; Errors: 0) (5.00 ms) +          Chrome 11.0.696.57 Mac OS: Run 3 tests (Passed: 3; Fails: 0; Errors 0) (5.00 ms)  We also added a new end-to-end test that navigates to the Nexus S detail page and verifies that @@ -184,8 +184,19 @@ can see them running on {@link  http://angular.github.com/angular-phonecat/step-8/test/e2e/runner.html  angular's server}. -Now the phone details view is in place, proceed to Step 9 to learn how to write your own custom -display filter. +# Experiments + +* Stretching: +    * Alternate chin-to-chest with look-at-ceiling.  Repeat eight times. +    * Now do ear-to-shoulder (left ear to left shoulder, right to right. Caution: do not try left +    ear to right shoulder!).  Repeat eight times. +    * Finally, do chin-to-shoulder, left right left right.  Repeat eight times. + + +# Summary + +Now that the phone details view is in place, proceed to step 9 to learn how to write your own +custom display filter.  <table id="tutorial_nav">  <tr> | 
