修订完displaying data

This commit is contained in:
Zhicheng Wang 2017-04-15 21:30:38 +08:00
parent e12b29a434
commit 81dd3a76cf
2 changed files with 5 additions and 5 deletions

View File

@ -170,7 +170,7 @@ table(width="100%")
For more information, see the [ngFor micro-syntax](../guide/template-syntax.html#microsyntax) For more information, see the [ngFor micro-syntax](../guide/template-syntax.html#microsyntax)
section of the [Template Syntax](../guide/template-syntax.html) page. section of the [Template Syntax](../guide/template-syntax.html) page.
要了解更多信息,请参见[模板语法](../guide/template-syntax.html)中的[ngFor微语法](../guide/template-syntax.html#ngForMicrosyntax)部分。 要了解更多信息,请参见[模板语法](../guide/template-syntax.html)中的[ngFor微语法](../guide/template-syntax.html#microsyntax)部分。
:marked :marked
[Back to top](#top) [Back to top](#top)

View File

@ -60,7 +60,7 @@ figure.image-display
Follow the [setup](setup.html) instructions for creating a new project Follow the [setup](setup.html) instructions for creating a new project
named <code>displaying-data</code>. named <code>displaying-data</code>.
按照[开发环境](setup.html)的说明,创建一个新项目,名为<ngio-ex path="displaying-data"></ngio-ex>。 按照[开发环境](setup.html)的说明,创建一个新项目,名为<code>displaying-data</code>。
Then modify the <code>app.component.ts</code> file by Then modify the <code>app.component.ts</code> file by
changing the template and the body of the component. changing the template and the body of the component.
@ -233,7 +233,7 @@ figure.image-display
注意看`ngFor`双引号表达式中的`hero`,它是一个模板输入变量。 注意看`ngFor`双引号表达式中的`hero`,它是一个模板输入变量。
更多模板输入变量的信息,见[模板语法](./template-syntax.html)中的 更多模板输入变量的信息,见[模板语法](./template-syntax.html)中的
[微语法 (microsyntax)](./template-syntax.html#ngForMicrosyntax)。 [微语法 (microsyntax)](./template-syntax.html#microsyntax)。
Angular duplicates the `<li>` for each item in the list, setting the `hero` variable Angular duplicates the `<li>` for each item in the list, setting the `hero` variable
to the item (the hero) in the current iteration. Angular uses that variable as the to the item (the hero) in the current iteration. Angular uses that variable as the
@ -282,7 +282,7 @@ figure.image-display
Create a new file in the `app` folder called `hero.ts` with the following code: Create a new file in the `app` folder called `hero.ts` with the following code:
在`app`目录下创建一个名叫<ngio-ex path="hero.ts"></ngio-ex>的新文件,内容如下: 在`app`目录下创建一个名叫`hero.ts`的新文件,内容如下:
+makeExcerpt('src/app/hero.ts') +makeExcerpt('src/app/hero.ts')
@ -387,7 +387,7 @@ figure.image-display
see the [template expressions](./template-syntax.html#template-expressions) section of the see the [template expressions](./template-syntax.html#template-expressions) section of the
[Template Syntax](./template-syntax.html) page. [Template Syntax](./template-syntax.html) page.
双引号中的模板表达式`*ngIf="heros.length > 3"`,外观和行为很象 !{_Lang} 双引号中的模板表达式`*ngIf="heros.length > 3"`,外观和行为很象 TypeScript
当组件中的英雄列表有三个以上的条目时Angular 把这个段落添加到 DOM 中,于是消息显示了出来。 当组件中的英雄列表有三个以上的条目时Angular 把这个段落添加到 DOM 中,于是消息显示了出来。
更多信息,见[模板语法](./template-syntax.html)中的[模板表达式](./template-syntax.html#template-expressions)。 更多信息,见[模板语法](./template-syntax.html)中的[模板表达式](./template-syntax.html#template-expressions)。