第二节翻译了一部分
This commit is contained in:
parent
b2eea2e20e
commit
3e89409212
|
@ -281,6 +281,7 @@ code-example(format="").
|
||||||
a(id="app-component")
|
a(id="app-component")
|
||||||
:marked
|
:marked
|
||||||
**Add a component file** named *app.component.ts* and paste the following lines:
|
**Add a component file** named *app.component.ts* and paste the following lines:
|
||||||
|
|
||||||
**添加一个组件文件** ,命名为 *app.component.ts* 并粘贴下列代码:
|
**添加一个组件文件** ,命名为 *app.component.ts* 并粘贴下列代码:
|
||||||
+makeExample('quickstart/ts/app/app.component.ts', null, 'app/app.component.ts')(format=".")
|
+makeExample('quickstart/ts/app/app.component.ts', null, 'app/app.component.ts')(format=".")
|
||||||
|
|
||||||
|
|
|
@ -23,11 +23,13 @@ include ../_util-fns
|
||||||
.l-main-section
|
.l-main-section
|
||||||
:marked
|
:marked
|
||||||
## Where We Left Off
|
## Where We Left Off
|
||||||
##
|
## 我们刚刚到哪儿了
|
||||||
Before we continue with Part 2 of the Tour of Heroes,
|
Before we continue with Part 2 of the Tour of Heroes,
|
||||||
let’s verify we have the following structure after [Part 1](./toh-pt1.html).
|
let’s verify we have the following structure after [Part 1](./toh-pt1.html).
|
||||||
If not, we’ll need to go back to Part 1 and figure out what we missed.
|
If not, we’ll need to go back to Part 1 and figure out what we missed.
|
||||||
|
|
||||||
|
在继续《英雄之旅》的第二部分之前,我们先检查一下,完成第一部分之后,你是否已经有了如下目录结构,如果没有,你得先回到第一部分,看看缺了哪里。
|
||||||
|
|
||||||
.filetree
|
.filetree
|
||||||
.file angular2-tour-of-heroes
|
.file angular2-tour-of-heroes
|
||||||
.children
|
.children
|
||||||
|
@ -43,7 +45,10 @@ include ../_util-fns
|
||||||
.file typings.json
|
.file typings.json
|
||||||
:marked
|
:marked
|
||||||
### Keep the app transpiling and running
|
### Keep the app transpiling and running
|
||||||
|
### 让应用代码保持转译和运行
|
||||||
We want to start the TypeScript compiler, have it watch for changes, and start our server. We'll do this by typing
|
We want to start the TypeScript compiler, have it watch for changes, and start our server. We'll do this by typing
|
||||||
|
|
||||||
|
我们要启动TypeScript编译器,它会监视文件变更,并且启动开发服务器。我们只要敲:
|
||||||
|
|
||||||
code-example(format="." language="bash").
|
code-example(format="." language="bash").
|
||||||
npm start
|
npm start
|
||||||
|
@ -51,13 +56,19 @@ code-example(format="." language="bash").
|
||||||
:marked
|
:marked
|
||||||
This will keep the application running while we continue to build the Tour of Heroes.
|
This will keep the application running while we continue to build the Tour of Heroes.
|
||||||
|
|
||||||
|
这个命令会在我们构建《英雄之旅》的时候让应用得以持续运行。
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
:marked
|
:marked
|
||||||
## Displaying Our Heroes
|
## Displaying Our Heroes
|
||||||
|
## 展示我们的英雄
|
||||||
### Creating heroes
|
### Creating heroes
|
||||||
|
### 创建英雄
|
||||||
Let’s create an array of ten heroes at the bottom of `app.component.ts`.
|
Let’s create an array of ten heroes at the bottom of `app.component.ts`.
|
||||||
|
|
||||||
|
我们先在`app.component.ts`的底部创建一个由十位英雄组成的数组。
|
||||||
|
|
||||||
+makeExample('toh-2/ts/app/app.component.ts', 'hero-array', 'app.component.ts (Hero array)')
|
+makeExample('toh-2/ts/app/app.component.ts', 'hero-array', 'app.component.ts (英雄数组)')
|
||||||
|
|
||||||
:marked
|
:marked
|
||||||
The `HEROES` array is of type `Hero`, the class defined in part one,
|
The `HEROES` array is of type `Hero`, the class defined in part one,
|
||||||
|
@ -65,6 +76,9 @@ code-example(format="." language="bash").
|
||||||
We aspire to fetch this list of heroes from a web service, but let’s take small steps
|
We aspire to fetch this list of heroes from a web service, but let’s take small steps
|
||||||
first and display mock heroes.
|
first and display mock heroes.
|
||||||
|
|
||||||
|
`HEROS`变量是一个由`Hero`类的实例构成的数组,我们在第一部分定义过它。
|
||||||
|
我们当然希望从一个Web服务中获取这个英雄列表,但是,不要急,我们得把步子迈得小一点 —— 先用一组Mock(模拟对象)出来的英雄。
|
||||||
|
|
||||||
### Exposing heroes
|
### Exposing heroes
|
||||||
Let’s create a property in `AppComponent` that exposes the heroes for binding.
|
Let’s create a property in `AppComponent` that exposes the heroes for binding.
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue