Cosmetics and link fixes
This commit is contained in:
parent
2d12173446
commit
a3b8fa964d
|
@ -77,7 +77,7 @@ include ../../../_includes/_util-fns
|
||||||
+makeExample('gettingstarted/js/app.js', 'class-w-annotations')
|
+makeExample('gettingstarted/js/app.js', 'class-w-annotations')
|
||||||
|
|
||||||
:markdown
|
:markdown
|
||||||
We're creating a visual component named **`appComponent`** by chaining the
|
We're creating a visual component named **`AppComponent`** by chaining the
|
||||||
`Component` and `Class` methods that belong to the **global Angular namespace, `ng`**.
|
`Component` and `Class` methods that belong to the **global Angular namespace, `ng`**.
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
|
@ -75,7 +75,7 @@ include ../../../_includes/_util-fns
|
||||||
We'd be correct to guess that someday our application will
|
We'd be correct to guess that someday our application will
|
||||||
consist of more components arising in tree-like fashion from this root.
|
consist of more components arising in tree-like fashion from this root.
|
||||||
|
|
||||||
In the top line we imported the `Component`, `View`, and `bootstrap` methods
|
In the top line we imported the `Component` and `bootstrap` symbols
|
||||||
from the Angular 2 library. That's the way we do things now.
|
from the Angular 2 library. That's the way we do things now.
|
||||||
We no longer expect to find our code or any library code in a global namespace.
|
We no longer expect to find our code or any library code in a global namespace.
|
||||||
We `import` exactly what we need, as we need it, from named file and library resources.
|
We `import` exactly what we need, as we need it, from named file and library resources.
|
||||||
|
@ -417,7 +417,7 @@ include ../../../_includes/_util-fns
|
||||||
We're about to build a small application that demonstrates the great things
|
We're about to build a small application that demonstrates the great things
|
||||||
we can build with Angular 2.
|
we can build with Angular 2.
|
||||||
|
|
||||||
<!--TODO: Join us on the [Tour of Heroes](./toh-pt1) -->
|
<!--TODO: Join us on the [Tour of Heroes](./toh-pt1.html) -->
|
||||||
|
|
||||||
|
|
||||||
<!-- Move this to the Style Guide when we have one -->
|
<!-- Move this to the Style Guide when we have one -->
|
||||||
|
|
|
@ -56,4 +56,4 @@ include ../../../../_includes/_util-fns
|
||||||
|
|
||||||
And we’ll meet many of the core fundamentals of Angular along the way.
|
And we’ll meet many of the core fundamentals of Angular along the way.
|
||||||
|
|
||||||
[Let's get started!](./toh-pt1.html).
|
[Let's get started!](./toh-pt1.html)
|
||||||
|
|
|
@ -5,7 +5,7 @@ include ../../../../_includes/_util-fns
|
||||||
:markdown
|
:markdown
|
||||||
# Once Upon a Time
|
# Once Upon a Time
|
||||||
|
|
||||||
Every story starts somewhere. Our story starts where the [QuickStart](../quickstart) ends.
|
Every story starts somewhere. Our story starts where the [QuickStart](../quickstart.html) ends.
|
||||||
|
|
||||||
Follow the "QuickStart" steps. They provide the prerequisites, the folder structure,
|
Follow the "QuickStart" steps. They provide the prerequisites, the folder structure,
|
||||||
and the core files for our Tour of Heroes.
|
and the core files for our Tour of Heroes.
|
||||||
|
@ -181,7 +181,7 @@ include ../../../../_includes/_util-fns
|
||||||
|
|
||||||
.alert.is-helpful
|
.alert.is-helpful
|
||||||
:markdown
|
:markdown
|
||||||
Learn more about `ng-model` in the [Template Syntax](../guide/template-syntax#ng-model)
|
Learn more about `ng-model` in the [Template Syntax](../guide/template-syntax.html#ng-model)
|
||||||
:markdown
|
:markdown
|
||||||
Replace the `<input>` with the following HTML
|
Replace the `<input>` with the following HTML
|
||||||
|
|
||||||
|
|
|
@ -124,7 +124,7 @@ include ../../../../_includes/_util-fns
|
||||||
.alert.is-helpful
|
.alert.is-helpful
|
||||||
:markdown
|
:markdown
|
||||||
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#ng-for) chapter.
|
[Template Syntax](../guide/template-syntax.html#ng-for) chapter.
|
||||||
|
|
||||||
:markdown
|
:markdown
|
||||||
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
|
||||||
|
@ -232,7 +232,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`.
|
||||||
.alert.is-helpful
|
.alert.is-helpful
|
||||||
:markdown
|
:markdown
|
||||||
Learn more about Event Binding in the [Templating Syntax](../guide/template-syntax#event-binding) chapter.
|
Learn more about Event Binding in the [Templating Syntax](../guide/template-syntax.html#event-binding) chapter.
|
||||||
:markdown
|
:markdown
|
||||||
## 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.
|
||||||
|
@ -312,7 +312,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#directives) chapter
|
[Template Syntax](../guide/template-syntax.html#directives) chapter
|
||||||
|
|
||||||
:markdown
|
:markdown
|
||||||
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.
|
||||||
|
@ -370,7 +370,7 @@ include ../../../../_includes/_util-fns
|
||||||
.alert.is-helpful
|
.alert.is-helpful
|
||||||
:markdown
|
:markdown
|
||||||
Learn more about `ng-class` in the
|
Learn more about `ng-class` in the
|
||||||
[Template Syntax](../guide/template-syntax#ng-class) chapter
|
[Template Syntax](../guide/template-syntax.html#ng-class) chapter
|
||||||
|
|
||||||
:markdown
|
:markdown
|
||||||
Notice in the template that the `ng-class` name is surrounded in square brackets (`[]`).
|
Notice in the template that the `ng-class` name is surrounded in square brackets (`[]`).
|
||||||
|
@ -380,7 +380,7 @@ include ../../../../_includes/_util-fns
|
||||||
.alert.is-helpful
|
.alert.is-helpful
|
||||||
:markdown
|
:markdown
|
||||||
Learn more about about one-way property data binding in the
|
Learn more about about one-way property data binding in the
|
||||||
[Template Syntax](../guide/template-syntax#property-binding) chapter
|
[Template Syntax](../guide/template-syntax.html#property-binding) chapter
|
||||||
:markdown
|
:markdown
|
||||||
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.
|
||||||
|
|
Loading…
Reference in New Issue