incorporate Rado's review comments
This commit is contained in:
parent
c42f28081e
commit
b6717c73bd
|
@ -11,7 +11,7 @@ p.
|
||||||
|
|
||||||
p.
|
p.
|
||||||
Create a new directory, and put a file named
|
Create a new directory, and put a file named
|
||||||
<code>pubspec.yaml</code> file in it.
|
<code>pubspec.yaml</code> in it.
|
||||||
|
|
||||||
pre.prettyprint
|
pre.prettyprint
|
||||||
code.
|
code.
|
||||||
|
@ -49,8 +49,8 @@ p.
|
||||||
|
|
||||||
p.
|
p.
|
||||||
<b>Note:</b>
|
<b>Note:</b>
|
||||||
If you're using Dart 1.9, then your version of angular2
|
If you're using Dart's Dev channel, then your version of angular2
|
||||||
will be higher than alpha 6.
|
will be higher than alpha 6. That's fine.
|
||||||
|
|
||||||
// PENDING: Update once 1.9 is on stable channel.
|
// PENDING: Update once 1.9 is on stable channel.
|
||||||
// TODO: Convert the above to a callout.
|
// TODO: Convert the above to a callout.
|
||||||
|
@ -108,25 +108,25 @@ p.
|
||||||
// [PENDING: add line numbers once we can specify where they start]
|
// [PENDING: add line numbers once we can specify where they start]
|
||||||
|
|
||||||
p.
|
p.
|
||||||
The code you just added creates a component—a custom element—that
|
The code you just added creates a component that
|
||||||
has the tag <b><my-app></b>.
|
has the tag <b><my-app></b>.
|
||||||
The Dart code for an Angular component consists of a class
|
The Dart code for an Angular component consists of a class
|
||||||
(the <b>component controller</b>)
|
(the <b>component controller</b>)
|
||||||
that has <code>@Component</code> and <code>@Template</code> annotations.
|
that has <code>@Component</code> and <code>@Template</code> annotations.
|
||||||
|
|
||||||
// PENDING: Is that correct???
|
|
||||||
|
|
||||||
|
|
||||||
.l-sub-section
|
.l-sub-section
|
||||||
h3 Annotations
|
h3 Annotations
|
||||||
|
|
||||||
p.
|
p.
|
||||||
The <code>@Component</code> annotation defines the HTML tag for the component (the <code>selector</code> value).
|
The <code>@Component</code> annotation defines
|
||||||
|
the HTML tag for the component by specifying the component's CSS selector.
|
||||||
|
|
||||||
p.
|
p.
|
||||||
The <code>@Template</code> annotation defines the HTML to apply to the
|
The <code>@Template</code> annotation defines the HTML that
|
||||||
component. This component uses an inline template, but you can also have
|
represents the component. This component uses an inline template,
|
||||||
an external template. To use an external template, specify a <code>url</code> property
|
but you can also have an external template. To use an external template,
|
||||||
|
specify a <code>url</code> property
|
||||||
and give it the path to the HTML file.
|
and give it the path to the HTML file.
|
||||||
|
|
||||||
pre.prettyprint
|
pre.prettyprint
|
||||||
|
@ -193,7 +193,7 @@ p.
|
||||||
p.
|
p.
|
||||||
This code adds a <code>main()</code> function
|
This code adds a <code>main()</code> function
|
||||||
that calls Angular's <code>bootstrap()</code> function.
|
that calls Angular's <code>bootstrap()</code> function.
|
||||||
The argument to <code>bootstrap()</code> is the name of the app class
|
The argument to <code>bootstrap()</code> is the name of the component class
|
||||||
you defined above.
|
you defined above.
|
||||||
|
|
||||||
p.
|
p.
|
||||||
|
|
Loading…
Reference in New Issue