Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

Commit 7e1dba6

Browse files
amandaegrahamnaomiblack
authored andcommitted
Interpolation Copy Edit
1 parent e8642d4 commit 7e1dba6

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

public/docs/ts/latest/guide/template-syntax.jade

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -66,8 +66,8 @@ code-example(language="html" escape="html").
6666
+makeExample('template-syntax/ts/app/app.component.html', 'title+image')(format=".")
6767
:marked
6868
The material between the braces is often the name of a component property. Angular replaces that name with the
69-
string value of the corresponding component property. In this example, Angular evaluates the `title` and `heroImageUrl` properties
70-
and "fills in the blanks", displaying first a bold application title and then a heroic image.
69+
string value of the corresponding component property. In the example above, Angular evaluates the `title` and `heroImageUrl` properties
70+
and "fills in the blanks", first displaying a bold application title and then a heroic image.
7171

7272
More generally, the material between the braces is a **template expression** that Angular first **evaluates**
7373
and then **converts to a string**. The following interpolation illustrates the point by adding the two numbers within braces:
@@ -76,13 +76,13 @@ code-example(language="html" escape="html").
7676
The expression can invoke methods of the host component, as we do here with `getVal()`:
7777
+makeExample('template-syntax/ts/app/app.component.html', 'sum-2')(format=".")
7878
:marked
79-
Angular evaluates all expressions in double curly braces, converts the expression results to strings, and concatenates them with neighboring literal strings. Finally,
79+
Angular evaluates all expressions in double curly braces, converts the expression results to strings, and links them with neighboring literal strings. Finally,
8080
it assigns this composite interpolated result to an **element or directive property**.
8181

82-
We appear to be inserting the result between element tags and assigning to attributes.
82+
We appear to be inserting the result between element tags and assigning it to attributes.
8383
It's convenient to think so, and we rarely suffer for this mistake.
84-
But it is not literally true. Interpolation is a special syntax that Angular converts into a
85-
[property binding](#property-binding), as we'll explain below.
84+
Though this is not exactly true. Interpolation is a special syntax that Angular converts into a
85+
[property binding](#property-binding), and is explained below.
8686

8787
But first, let's take a closer look at template expressions and statements.
8888

0 commit comments

Comments
 (0)