docs(Dart): misc minor updates of a few cached .jade files

This commit is contained in:
Patrice Chalin 2016-11-28 17:53:31 -08:00 committed by Kathy Walrath
parent 350dadb63e
commit 7dac7f8f6f
3 changed files with 12 additions and 12 deletions

View File

@ -9,7 +9,6 @@ figure
Those new to Angular may wish to follow this popular learning path.
<br class="l-clear-left">
:marked
1. [Setup](setup.html "Setup locally withe Quickstart seed") for local Angular development, if you haven't already done so.
1. Take the [*Tour of Heroes* tutorial](../tutorial "Tour of Heroes").
@ -41,4 +40,4 @@ figure
### Next Step
Try the [tutorial](../tutorial "Tour of Heroes") if you're ready to start coding or
visit the [Architecture](architecture.html "Basic Concepts") guide if you prefer to learn the basic concepts first.
visit the [Architecture](architecture.html "Basic Concepts") page if you prefer to learn the basic concepts first.

View File

@ -42,10 +42,11 @@ block includes
.l-main-section
:marked
## HTML
HTML is the language of the Angular template. Our [QuickStart](../quickstart.html) application has a template that is pure HTML:
HTML is the language of the Angular template.
The [QuickStart](../quickstart.html) application has a template that is pure HTML:
code-example(language="html" escape="html").
<h1>My First Angular App</h1>
<h1>Hello Angular</h1>
:marked
Almost all HTML syntax is valid template syntax. The `<script>` element is a notable exception; it is forbidden, eliminating the risk of script injection attacks. (In practice, `<script>` is simply ignored.)
@ -401,7 +402,7 @@ table
(element | component | directive) event, or (rarely) an attribute name.
The following table summarizes:
// If you update this table, UPDATE it in Dart & JS, too.
//- If you update this table, UPDATE it in Dart & JS, too.
<div width="90%">
table
tr
@ -813,7 +814,7 @@ block style-property-name-dart-diff
including queries and saves to a remote server.
These changes percolate through the system and are ultimately displayed in this and other views.
//
//-
:marked
### Event bubbling and propagation [TODO: reinstate this section when it becomes true]
Angular invokes the event-handling statement if the event is raised by the current element or one of its child elements.

View File

@ -3,7 +3,7 @@ block includes
- var _on_Plunkr = 'on Plunkr';
:marked
Angular applications are made of _components_.
Angular applications are made up of _components_.
A _component_ is the combination of an HTML template and a component class that controls a portion of the screen. Here is an example of a component that displays a simple string:
+makeExample('app/app.component.ts')(format='.')
@ -15,17 +15,17 @@ block includes
Every component begins with an `@Component` [!{_decorator}](glossary.html#!{_decorator} '"!{_decorator}" explained')
<span if-docs="ts">function</span> that
<span if-docs="ts">takes a _metadata_ object. The metadata object</span> describes how the HTML template and component class work together.
The `selector` property tells Angular to display the component inside a custom `<my-app>` tag in the `index.html`.
+makeExample('index.html','my-app','index.html (inside <body>)')(format='.')
:marked
The `template` property defines a message inside an `<h1>` header.
The message starts with "Hello" and ends with `{{name}}`
The message starts with "Hello" and ends with `{{name}}`,
which is an Angular [interpolation binding](guide/displaying-data.html) expression.
At runtime, Angular replaces `{{name}}` with the value of the component's `name` property.
At runtime, Angular replaces `{{name}}` with the value of the component's `name` property.
In the example, change the component class's `name` property from `'Angular'` to `'World'` and see what happens.
Interpolation binding is one of many Angular features you'll discover in this documentation.
+ifDocsFor('ts')