diff options
Diffstat (limited to 'docs/content/tutorial/step_01.ngdoc')
| -rwxr-xr-x | docs/content/tutorial/step_01.ngdoc | 50 |
1 files changed, 11 insertions, 39 deletions
diff --git a/docs/content/tutorial/step_01.ngdoc b/docs/content/tutorial/step_01.ngdoc index a0fac338..81d9082a 100755 --- a/docs/content/tutorial/step_01.ngdoc +++ b/docs/content/tutorial/step_01.ngdoc @@ -1,44 +1,26 @@ @ngdoc overview -@name Tutorial: Step 1 +@name Tutorial: 1 - Static Template @description -<table id="tutorial_nav"> - <tr> - <td id="previous_step">{@link tutorial.step_00 Previous}</td> - <td id="step_result">{@link http://angular.github.com/angular-phonecat/step-1/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-0...step-1 Code Diff}</td> - <td id="next_step">{@link tutorial.step_02 Next}</td> - </tr> -</table> -In order to illustrate how angular enhances standard HTML, you will create a purely *static* HTML -page and then examine how we can turn this HTML code into a template that angular will use to -dynamically display the same result with any set of data. - - -In this step you will add some basic information about two cell phones to an HTML page. +<ul doc:tutorial-nav="1"></ul> -1. Reset the workspace to step 1. - * Git users run: +In order to illustrate how angular enhances standard HTML, you will create a purely *static* HTML +page and then examine how we can turn this HTML code into a template that angular will use to +dynamically display the same result with any set of data. - git checkout -f step-1 +In this step you will add some basic information about two cell phones to an HTML page. - * Snapshot users run: - ./goto_step.sh 1 +<doc:tutorial-instructions step="1" show="true"></doc:tutorial-instructions> -2. Refresh your browser or check the app out on {@link -http://angular.github.com/angular-phonecat/step-1/app anglar's server}. The page now contains a list with information about two phones. @@ -77,9 +59,7 @@ __`app/index.html`:__ * Try adding more static HTML to `index.html`. For example: - <pre> - <p>Total number of phones: 2</p> - </pre> + <p>Total number of phones: 2</p> @@ -91,15 +71,7 @@ This addition to your app uses static HTML to display the list. Now, let's go to how to use angular to dynamically generate the same list. -<table id="tutorial_nav"> - <tr> - <td id="previous_step">{@link tutorial.step_00 Previous}</td> - <td id="step_result">{@link http://angular.github.com/angular-phonecat/step-1/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-0...step-1 Code Diff}</td> - <td id="next_step">{@link tutorial.step_02 Next}</td> - </tr> -</table> + + +<ul doc:tutorial-nav="1"></ul> |