honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

(docs) Tour of Heroes - part 1 & 2. Fix links and make them uniform. 

closes #375 and #376
This commit is contained in:
Ward Bell 2015-11-14 00:22:26 -08:00
parent 389fb1aa79
commit a3042849c0
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/docs/ts/latest/tutorial/toh-pt1.jade
View File

@ -70,9 +70,11 @@ include ../../../../_includes/_util-fns
The browser should refresh and display our title and hero. The browser should refresh and display our title and hero.
The double curly braces tell our app to read the `title` and `hero` properties from the component and render them. The double curly braces tell our app to read the `title` and `hero` properties from the component and render them.
This is the "interpolation" form of one-way data binding; This is the "interpolation" form of one-way data binding.
we can learn more about interpolation in the [Displaying Data chapter](displaying-data). .l-sub-section
:marked
Learn more about interpolation in the [Displaying Data chapter](../guide/displaying-data).
:marked
### Hero object ### Hero object
At the moment, our hero is just a name. Our hero needs more properties. At the moment, our hero is just a name. Our hero needs more properties.
@ -178,7 +180,7 @@ include ../../../../_includes/_util-fns
.l-sub-section .l-sub-section
:marked :marked
Learn more about `ng-model` in the [Template Syntax](../guide/template-syntax.html#ng-model) Learn more about `ng-model` in the [Template Syntax chapter](../guide/template-syntax.html#ng-model)
:marked :marked
Replace the `<input>` with the following HTML Replace the `<input>` with the following HTML
@ -232,12 +234,10 @@ include ../../../../_includes/_util-fns
The `ng-model` directive is one of many Forms directives which happen to be The `ng-model` directive is one of many Forms directives which happen to be
bundled in a convenient array called `FORM_DIRECTIVES`. bundled in a convenient array called `FORM_DIRECTIVES`.
<!-- TODO .l-sub-section
.alert.is-helpful
:marked
Learn more about Angular Forms in the [Forms chapter]()
:marked :marked
--> Learn more about Angular Forms in the [Forms chapter](../guide/forms)
:marked
Let’s forget about importing `NgModel` and import the `FORM_DIRECTIVES` array instead: Let’s forget about importing `NgModel` and import the `FORM_DIRECTIVES` array instead:
``` ```
import {bootstrap, Component, FORM_DIRECTIVES} from 'angular2/angular2'; import {bootstrap, Component, FORM_DIRECTIVES} from 'angular2/angular2';

8
public/docs/ts/latest/tutorial/toh-pt2.jade
View File

@ -123,7 +123,7 @@ include ../../../../_includes/_util-fns
We can reference this variable within the template to access a hero’s properties. We can reference this variable within the template to access a hero’s properties.
Learn more about `ng-for` and local template variables in the Learn more about `ng-for` and local template variables in the
[Template Syntax](../guide/template-syntax.html#ng-for) chapter. [Template Syntax chapter](../guide/template-syntax.html#ng-for).
:marked :marked
With this background in mind, we now insert some content between the `<li>` tags With this background in mind, we now insert some content between the `<li>` tags
@ -235,7 +235,7 @@ include ../../../../_includes/_util-fns
That’s the same `hero` variable we defined previously in the `ng-for`. That’s the same `hero` variable we defined previously in the `ng-for`.
.l-sub-section .l-sub-section
:marked :marked
Learn more about Event Binding in the [Templating Syntax](../guide/template-syntax.html#event-binding) chapter. Learn more about Event Binding in the [Templating Syntax chapter](../guide/template-syntax.html#event-binding).
:marked :marked
### Add the click handler ### Add the click handler
Our event binding refers to an `onSelect` method that doesn’t exist yet. Our event binding refers to an `onSelect` method that doesn’t exist yet.
@ -316,7 +316,7 @@ include ../../../../_includes/_util-fns
In other words, they give structure to the way Angular displays content in the DOM. In other words, they give structure to the way Angular displays content in the DOM.
Learn more about `ng-if`, `ng-for` and other structural directives in the Learn more about `ng-if`, `ng-for` and other structural directives in the
[Template Syntax](../guide/template-syntax.html#directives) chapter [Template Syntax chapter](../guide/template-syntax.html#directives).
:marked :marked
We learned previously with `NgFor` that we must declare every directive we use in the component’s `@Component` decorator. We learned previously with `NgFor` that we must declare every directive we use in the component’s `@Component` decorator.
@ -380,7 +380,7 @@ include ../../../../_includes/_util-fns
:marked :marked
Learn more about [ng-class](../guide/template-syntax.html#ng-class) Learn more about [ng-class](../guide/template-syntax.html#ng-class)
and [Property Binding](../guide/template-syntax.html#property-binding) and [Property Binding](../guide/template-syntax.html#property-binding)
in the Template Syntax chapter in the Template Syntax chapter.
:marked :marked
We've added yet another new directive to our template that we have to import and declare We've added yet another new directive to our template that we have to import and declare
in the component’s `directives` array as we’ve done twice before. in the component’s `directives` array as we’ve done twice before.