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`. - 能显示名字就算不错了,但是我们还想看到我们这位英雄的所有属性。 - 我们将添加一个`
`来显示英雄的`id`属性,另一个`
`来显示英雄的`name`属性。 + 能显示名字虽然不错,但我们还想看到这位英雄的所有属性。 + 我们将添加一个`
`来显示英雄的`id`属性,用另一个`
`来显示英雄的`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 `