diff options
Diffstat (limited to 'docs/content/tutorial/step_09.ngdoc')
| -rwxr-xr-x | docs/content/tutorial/step_09.ngdoc | 42 |
1 files changed, 10 insertions, 32 deletions
diff --git a/docs/content/tutorial/step_09.ngdoc b/docs/content/tutorial/step_09.ngdoc index 8043af85..fc9ba360 100755 --- a/docs/content/tutorial/step_09.ngdoc +++ b/docs/content/tutorial/step_09.ngdoc @@ -1,36 +1,22 @@ @ngdoc overview -@name Tutorial: Step 9 +@name Tutorial: 9 - Filters @description -<table id="tutorial_nav"> -<tr> -<td id="previous_step">{@link tutorial.step_08 Previous}</td> -<td id="step_result">{@link http://angular.github.com/angular-phonecat/step-9/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-8...step-9 Code -Diff}</td> -<td id="next_step">{@link tutorial.step_10 Next}</td> -</tr> -</table> -In this step you will learn how to create your own custom display filter. +<ul doc:tutorial-nav="9"></ul> + -1. Reset your workspace to Step 9 using: +In this step you will learn how to create your own custom display filter. - git checkout -f step-9 - or +<doc:tutorial-instructions step="9"></doc:tutorial-instructions> - ./goto_step.sh 9 -2. Refresh your browser or check the app out on {@link -http://angular.github.com/angular-phonecat/step-9/app angular's server}. Navigate to one of the detail pages. @@ -51,7 +37,7 @@ GitHub}: In order to create a new filter, simply register your custom filter function with the {@link -angular.filter `angular.filter`} API. +api/angular.filter `angular.filter`} API. __`app/js/filters.js`:__ @@ -146,7 +132,7 @@ output. # Experiments -* Let's experiment with some of the {@link angular.filter built-in angular filters} and add the +* Let's experiment with some of the {@link api/angular.filter built-in angular filters} and add the following bindings to `index.html`: * `{{ "lower cap string" | uppercase }}` * `{{ {foo: "bar", baz: 23} | json }}` @@ -170,14 +156,6 @@ Now that you have learned how to write and test a custom filter, go to step 10 t use angular to enhance the phone details page further. -<table id="tutorial_nav"> -<tr> -<td id="previous_step">{@link tutorial.step_08 Previous}</td> -<td id="step_result">{@link http://angular.github.com/angular-phonecat/step-9/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-8...step-9 Code -Diff}</td> -<td id="next_step">{@link tutorial.step_10 Next}</td> -</tr> -</table> + + +<ul doc:tutorial-nav="9"></ul> |