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

docs(template-syntax): add "Table of Contents" 

prototype for standard ToC across all docs.
closes #882
This commit is contained in:
Pascal Precht 2016-02-24 10:46:34 +01:00 committed by Ward Bell
parent f41517aca1
commit 561935629f
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/docs/ts/latest/guide/template-syntax.jade
View File

@ -6,7 +6,9 @@ include ../_util-fns
Many of us are familiar with the component/template duality from our experience with model-view-controller (MVC) or model-view-viewmodel (MVVM). In Angular, the component plays the part of the controller/viewmodel, and the template represents the view. Many of us are familiar with the component/template duality from our experience with model-view-controller (MVC) or model-view-viewmodel (MVVM). In Angular, the component plays the part of the controller/viewmodel, and the template represents the view.
Let’s find out what it takes to write a template for our view. We’ll cover these basic elements of template syntax: Let’s find out what it takes to write a template for our view. We’ll cover these basic elements of template syntax.
# Table Of Contents
* [HTML](#html) * [HTML](#html)
* [Interpolation](#interpolation) * [Interpolation](#interpolation)
@ -27,11 +29,14 @@ include ../_util-fns
* [Local template variables](#local-vars) * [Local template variables](#local-vars)
* [Input and output properties](#inputs-outputs) * [Input and output properties](#inputs-outputs)
* [Template expression operators](#expression-operators) * [Template expression operators](#expression-operators)
* [pipe](#pipe)
* ["elvis" (?.)](#elvis)
// #enddocregion intro // #enddocregion intro
.l-sub-section
:marked :marked
[Run the live example](/resources/live-examples/template-syntax/ts/plnkr.html) The [live example](/resources/live-examples/template-syntax/ts/plnkr.html)
demonstrates all of the syntax and code snippets described in this chapter.
// #docregion html-1 // #docregion html-1
.l-main-section .l-main-section
:marked :marked
@ -1596,7 +1601,7 @@ figure.image-display
<a id="elvis"></a> <a id="elvis"></a>
### The Elvis operator ( ?. ) and null property paths ### The Elvis operator ( ?. ) and null property paths
The Angular **Elvis operator (`?.`)** is a fluent and convenient way to guard against null and undefined values in property paths. The Angular **Elvis operator (`?.`)** &mdash; perhaps better described as the "safe navigation operator" &mdash; is a fluent and convenient way to guard against null and undefined values in property paths.
Here it is, protecting against a view render failure if the `currentHero` is null. Here it is, protecting against a view render failure if the `currentHero` is null.
// #enddocregion expression-operators-elvis-1 // #enddocregion expression-operators-elvis-1
+makeExample('template-syntax/ts/app/app.component.html', 'elvis-2')(format=".") +makeExample('template-syntax/ts/app/app.component.html', 'elvis-2')(format=".")