diff options
| author | Igor Minar | 2011-06-06 08:50:35 -0700 |
|---|---|---|
| committer | Igor Minar | 2011-06-06 22:52:02 -0700 |
| commit | 7f1e2e48467f80cc083d24b44f088620e4e7bcb6 (patch) | |
| tree | 731a91366c5780985be6d4c5ddbe34e307d5cb70 /docs/content/tutorial/step_10.ngdoc | |
| parent | 5533e48dead5cff3107e72ee80bf0f19df77c1e9 (diff) | |
| download | angular.js-7f1e2e48467f80cc083d24b44f088620e4e7bcb6.tar.bz2 | |
new batch of docs
Diffstat (limited to 'docs/content/tutorial/step_10.ngdoc')
| -rw-r--r-- | docs/content/tutorial/step_10.ngdoc | 44 |
1 files changed, 11 insertions, 33 deletions
diff --git a/docs/content/tutorial/step_10.ngdoc b/docs/content/tutorial/step_10.ngdoc index 99a5dba8..3a8dbd38 100644 --- a/docs/content/tutorial/step_10.ngdoc +++ b/docs/content/tutorial/step_10.ngdoc @@ -1,36 +1,21 @@ @ngdoc overview -@name Tutorial: Step 10 +@name Tutorial: 10 - Event Handlers @description -<table id="tutorial_nav"> -<tr> -<td id="previous_step">{@link tutorial.step_09 Previous}</td> -<td id="step_result">{@link http://angular.github.com/angular-phonecat/step-10/app Live Demo -}</td> -<td id="tut_home">{@link tutorial Tutorial Home}</td> -<td id="code_diff">{@link https://github.com/angular/angular-phonecat/compare/step-9...step-10 Code -Diff}</td> -<td id="next_step">{@link tutorial.step_11 Next}</td> -</tr> -</table> -In this step, you will add a clickable phone image swapper to the phone details page. +<ul doc:tutorial-nav="10"></ul> -1. Reset your workspace to Step 10 using: - git checkout -f step-10 +In this step, you will add a clickable phone image swapper to the phone details page. - or - ./goto_step.sh 10 +<doc:tutorial-instructions step="10"></doc:tutorial-instructions> -2. Refresh your browser or check the app out on {@link -http://angular.github.com/angular-phonecat/step-10/app angular's server}. The phone details view displays one large image of the current phone and several smaller thumbnail @@ -103,9 +88,10 @@ __`app/partials/phone-detail.html`:__ We bound the `ng:src` attribute of the large image to the `mainImageUrl` property. -We also registered an {@link angular.directive.ng:click `ng:click`} handler with thumbnail images. -When a user clicks on one of the thumbnail images, the handler will use the `setImage` controller -method to change the value of the `mainImageUrl` property to the url of the thumbnail image. +We also registered an {@link api/angular.directive.ng:click `ng:click`} handler with thumbnail +images. When a user clicks on one of the thumbnail images, the handler will use the `setImage` +controller method to change the value of the `mainImageUrl` property to the url of the thumbnail +image. <img src="img/tutorial/tutorial_10-11_final.png"> @@ -197,14 +183,6 @@ With the phone image swapper in place, we're ready for step 11 (the last step!) better way to fetch data. -<table id="tutorial_nav"> -<tr> -<td id="previous_step">{@link tutorial.step_09 Previous}</td> -<td id="step_result">{@link http://angular.github.com/angular-phonecat/step-10/app Live Demo -}</td> -<td id="tut_home">{@link tutorial Tutorial Home}</td> -<td id="code_diff">{@link https://github.com/angular/angular-phonecat/compare/step-9...step-10 Code -Diff}</td> -<td id="next_step">{@link tutorial.step_11 Next}</td> -</tr> -</table> + + +<ul doc:tutorial-nav="10"></ul> |