diff --git a/public/docs/ts/latest/tutorial/toh-pt1.jade b/public/docs/ts/latest/tutorial/toh-pt1.jade
index caa99fa53c..0eb4211fad 100644
--- a/public/docs/ts/latest/tutorial/toh-pt1.jade
+++ b/public/docs/ts/latest/tutorial/toh-pt1.jade
@@ -90,7 +90,7 @@ code-example(format="" language="bash").
:marked
Learn more about interpolation in the [Displaying Data chapter](../guide/displaying-data.html).
- 想了解插值表达式的更多知识,参阅[“显示数据”一章](../guide/displaying-data.html)。
+ 要了解插值表达式的更多知识,参阅[“显示数据”一章](../guide/displaying-data.html)。
:marked
### Hero object
### Hero对象
@@ -98,7 +98,7 @@ code-example(format="" language="bash").
At the moment, our hero is just a name. Our hero needs more properties.
Let's convert the `hero` from a literal string to a class.
- 此时此刻,我们的英雄还只有一个名字。显然,我们的英雄应该有更多的属性。
+ 此时此刻,我们的英雄还只有一个名字。显然,他/她应该有更多属性。
让我们把`hero`从一个字符串字面量换成一个类。
Create a `Hero` class with `id` and `name` properties.
@@ -107,36 +107,36 @@ code-example(format="" language="bash").
创建一个`Hero`类,它具有`id`和`name`属性。
现在,把下列代码放在`app.component.ts`的顶部,仅次于import语句。
-+makeExample('toh-1/ts/app/app.component.ts', 'hero-class-1', 'app.component.ts (Hero class)')(format=".")
++makeExample('toh-1/ts/app/app.component.ts', 'hero-class-1', 'app.component.ts (Hero类)')(format=".")
:marked
Now that we have a `Hero` class, let’s refactor our component’s `hero` property to be of type `Hero`.
Then initialize it with an id of `1` and the name, "Windstorm".
现在,有了一个`Hero`类,我们就要把组件`hero`属性的类型换成`Hero`了。
- 然后把`1`作为id、把“Windstorm”作为名字,初始化它。
+ 然后以`1`为id、以“Windstorm”为名字,初始化它。
-+makeExample('toh-1/ts-snippets/app.component.snippets.pt1.ts', 'hero-property-1', 'app.component.ts (Hero属性)')(format=".")
++makeExample('toh-1/ts-snippets/app.component.snippets.pt1.ts', 'hero-property-1', 'app.component.ts (hero属性)')(format=".")
:marked
Because we changed the hero from a string to an object,
we update the binding in the template to refer to the hero’s `name` property.
- 我们把hero从一个字符串换成了对象,于是我们也得更新模板中的绑定表达式,来引用hero的`name`属性。
+ 我们把`hero`从一个字符串换成了对象,所以也得更新模板中的绑定表达式,来引用`hero`的`name`属性。
+makeExample('toh-1/ts-snippets/app.component.snippets.pt1.ts', 'show-hero-2')
:marked
The browser refreshes and continues to display our hero’s name.
- 浏览器自动刷新,并且继续显示这位英雄的名字。
+ 浏览器自动刷新,并继续显示这位英雄的名字。
### Adding more HTML
### 添加更多的HTML
Displaying a name is good, but we want to see all of our hero’s properties.
We’ll add a `
` for our hero’s `id` property and another `
` for our hero’s `name`.
- 能显示名字就算不错了,但是我们还想看到我们这位英雄的所有属性。
- 我们将添加一个`
`来显示英雄的`name`属性。
+makeExample('toh-1/ts-snippets/app.component.snippets.pt1.ts', 'show-hero-properties')
:marked
@@ -153,13 +153,13 @@ code-example(format="" language="bash").
let’s take advantage of the template strings feature
in ES2015 and TypeScript to maintain our sanity.
- 我们可以通过字符串加法来制作更可读的模板,但这样仍然太难看了 —— 难于阅读,容易出现拼写错误。
- 这样不行!我们要借助ES2015和TypeScript提供的模板字符串来保持清醒。
+ 我们可以通过字符串加法来制作更可读的模板,但这样仍然太难看了 —— 难于阅读,容易拼错。
+ 这样不行!我们要借助ES2015和TypeScript提供的模板字符串来保持清爽。
Change the quotes around the template to back-ticks and
put the `
`, `
` and `
` elements on their own lines.
- 把模板的双引号改成反引号,并且让`
`, `
` 和 `
`标签各占一行。
+ 把模板的双引号改成反引号,并且让`
`,`
`和`
`标签各占一行。
+makeExample('toh-1/ts-snippets/app.component.snippets.pt1.ts', 'multi-line-strings', 'app.component.ts (AppComponent的 模板)')
@@ -174,9 +174,9 @@ code-example(format="" language="bash").
Everything between the back-ticks at the beginning and end of the template
is part of a single template string.
- **小心!**反引号(`)看起来很像单引号('),但它们是截然不同的字符。
- 反引号能够做的可不只是标记字符串边界。
- 在这里,我们只用它来把我们的模板变成多行的,而不涉及更多用途。
+ **小心!**反引号(`)虽然看起来很像单引号('),但它们是截然不同的字符。
+ 反引号能做的可不仅仅是标记字符串的边界。
+ 在这里,我们只用它来把我们的模板变成多行的,而没有涉及更多用途。
所有被反引号引起来的部分,都是一个单一模板字符串的一部分。
.l-main-section
@@ -190,7 +190,7 @@ code-example(format="" language="bash").
Refactor the hero name `