fix: live example localisation.
This commit is contained in:
parent
94d48f2b95
commit
6aeb8efaa3
|
@ -83,7 +83,7 @@ include ../_util-fns
|
||||||
:marked
|
:marked
|
||||||
The examples referenced in this chapter are available as a <live-example></live-example>.
|
The examples referenced in this chapter are available as a <live-example></live-example>.
|
||||||
|
|
||||||
本章中引用的这个例子可以到<live-example></live-example>去体验。
|
本章中引用的这个例子可以到<live-example>在线例子</live-example>去体验。
|
||||||
|
|
||||||
a(id="example-transitioning-between-states")
|
a(id="example-transitioning-between-states")
|
||||||
.l-main-section
|
.l-main-section
|
||||||
|
|
|
@ -19,7 +19,7 @@ block includes
|
||||||
* [pass values into the directive using data binding](#bindings)
|
* [pass values into the directive using data binding](#bindings)
|
||||||
* [使用数据绑定把值传到指令中](#bindings)
|
* [使用数据绑定把值传到指令中](#bindings)
|
||||||
|
|
||||||
试试<live-example></live-example>。
|
试试<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
## Directives overview
|
## Directives overview
|
||||||
## 指令概览
|
## 指令概览
|
||||||
|
|
|
@ -35,7 +35,7 @@ block includes
|
||||||
|
|
||||||
Run the <live-example></live-example> of the code shown in this chapter.
|
Run the <live-example></live-example> of the code shown in this chapter.
|
||||||
|
|
||||||
运行本章这些代码的<live-example></live-example>。
|
运行本章这些代码的<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
:marked
|
:marked
|
||||||
|
|
|
@ -31,7 +31,7 @@ block includes
|
||||||
|
|
||||||
Run the <live-example></live-example>.
|
Run the <live-example></live-example>.
|
||||||
|
|
||||||
运行<live-example></live-example>.
|
运行<live-example>在线例子</live-example>.
|
||||||
|
|
||||||
.l-main-section#why-di
|
.l-main-section#why-di
|
||||||
:marked
|
:marked
|
||||||
|
|
|
@ -38,7 +38,7 @@ figure.image-display
|
||||||
The <live-example></live-example> demonstrates all of the syntax and code
|
The <live-example></live-example> demonstrates all of the syntax and code
|
||||||
snippets described in this chapter.
|
snippets described in this chapter.
|
||||||
|
|
||||||
这个<live-example></live-example>演示了本章中描述的所有语法和代码片段。
|
这个<live-example>在线例子</live-example>演示了本章中描述的所有语法和代码片段。
|
||||||
|
|
||||||
.l-main-section#interpolation
|
.l-main-section#interpolation
|
||||||
:marked
|
:marked
|
||||||
|
|
|
@ -23,7 +23,7 @@ block includes
|
||||||
|
|
||||||
Try the <live-example></live-example>.
|
Try the <live-example></live-example>.
|
||||||
|
|
||||||
试试<live-example></live-example>.
|
试试<live-example>在线例子</live-example>.
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
:marked
|
:marked
|
||||||
|
|
|
@ -334,7 +334,7 @@ block other-angular-subsystems
|
||||||
demonstrates the lifecycle hooks in action through a series of exercises
|
demonstrates the lifecycle hooks in action through a series of exercises
|
||||||
presented as components under the control of the root `AppComponent`.
|
presented as components under the control of the root `AppComponent`.
|
||||||
|
|
||||||
<live-example></live-example>通过在受控于根组件`AppComponent`的一些组件上进行的一系列练习,演示了生命周期钩子的运作方式。
|
<live-example>在线例子</live-example>通过在受控于根组件`AppComponent`的一些组件上进行的一系列练习,演示了生命周期钩子的运作方式。
|
||||||
|
|
||||||
|
|
||||||
They follow a common pattern: a *parent* component serves as a test rig for
|
They follow a common pattern: a *parent* component serves as a test rig for
|
||||||
|
|
|
@ -30,7 +30,7 @@ block includes
|
||||||
Try the <live-example></live-example>.
|
Try the <live-example></live-example>.
|
||||||
|
|
||||||
欢迎来到Angular“管道(Pipe)”的世界!我们可以把这种简单的“值-显示”转换器声明在HTML中。
|
欢迎来到Angular“管道(Pipe)”的世界!我们可以把这种简单的“值-显示”转换器声明在HTML中。
|
||||||
试试<live-example></live-example>。
|
试试<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
:marked
|
:marked
|
||||||
|
@ -277,7 +277,7 @@ figure.image-display
|
||||||
If we try the <live-example></live-example>,
|
If we try the <live-example></live-example>,
|
||||||
we can probe its behavior by changing the value and the optional exponent in the template.
|
we can probe its behavior by changing the value and the optional exponent in the template.
|
||||||
|
|
||||||
如果我们试一下这个<live-example></live-example>,就可以通过修改值和模板中的可选部分来体会其行为。
|
如果我们试一下这个<live-example>在线例子</live-example>,就可以通过修改值和模板中的可选部分来体会其行为。
|
||||||
|
|
||||||
## Power Boost Calculator (extra-credit)
|
## Power Boost Calculator (extra-credit)
|
||||||
## 能力倍增计算器(加分项)
|
## 能力倍增计算器(加分项)
|
||||||
|
@ -355,7 +355,7 @@ a#change-detection
|
||||||
When we run the sample now we see odd behavior (try it in the <live-example></live-example>).
|
When we run the sample now we see odd behavior (try it in the <live-example></live-example>).
|
||||||
Every hero we add is a flying hero but none of them are displayed.
|
Every hero we add is a flying hero but none of them are displayed.
|
||||||
|
|
||||||
当运行例子时,我们看到一种奇怪的行为(试试<live-example></live-example>)。添加的每个英雄都是会飞行的英雄,但是没有一个被显示出来。
|
当运行例子时,我们看到一种奇怪的行为(试试<live-example>在线例子</live-example>)。添加的每个英雄都是会飞行的英雄,但是没有一个被显示出来。
|
||||||
|
|
||||||
Although we're not getting the behavior we want, Angular isn't broken.
|
Although we're not getting the behavior we want, Angular isn't broken.
|
||||||
It's just using a different change detection algorithm — one that ignores changes to the list or any of its items.
|
It's just using a different change detection algorithm — one that ignores changes to the list or any of its items.
|
||||||
|
|
|
@ -590,7 +590,7 @@ table
|
||||||
|
|
||||||
The full source is available in the <live-example></live-example>.
|
The full source is available in the <live-example></live-example>.
|
||||||
|
|
||||||
完整代码可以在<live-example></live-example>中找到。
|
完整代码可以在<live-example>在线例子</live-example>中找到。
|
||||||
|
|
||||||
:marked
|
:marked
|
||||||
Our client is the Hero Employment Agency.
|
Our client is the Hero Employment Agency.
|
||||||
|
@ -618,7 +618,7 @@ table
|
||||||
Run the <live-example></live-example>.
|
Run the <live-example></live-example>.
|
||||||
It opens in the *Crisis Center*. We'll come back to that.
|
It opens in the *Crisis Center*. We'll come back to that.
|
||||||
|
|
||||||
运行<live-example></live-example>。它打开了*危机中心*,一会儿我们就会回到那里。
|
运行<live-example>在线例子</live-example>。它打开了*危机中心*,一会儿我们就会回到那里。
|
||||||
|
|
||||||
Click the *Heroes* link. We're presented with a list of Heroes.
|
Click the *Heroes* link. We're presented with a list of Heroes.
|
||||||
|
|
||||||
|
@ -1894,7 +1894,7 @@ code-example(language="bash").
|
||||||
row because it demonstrates the final state of the application which includes the steps we're *about* to cover.
|
row because it demonstrates the final state of the application which includes the steps we're *about* to cover.
|
||||||
At the moment we're describing the state of affairs *prior* to those steps.
|
At the moment we're describing the state of affairs *prior* to those steps.
|
||||||
|
|
||||||
<live-example></live-example>*没有*高亮选中的行,因为它演示的是应用的最终状态,因此包含了我们*即将*示范的步骤。
|
<live-example>在线例子</live-example>*没有*高亮选中的行,因为它演示的是应用的最终状态,因此包含了我们*即将*示范的步骤。
|
||||||
此刻,我们描述的仍是那些步骤*之前*的状态。
|
此刻,我们描述的仍是那些步骤*之前*的状态。
|
||||||
|
|
||||||
:marked
|
:marked
|
||||||
|
@ -3662,7 +3662,7 @@ h3#can-load-guard <i>CanLoad守卫</i>: 保护特性模块的加载
|
||||||
Please visit the <live-example></live-example> and
|
Please visit the <live-example></live-example> and
|
||||||
where you can download the final source code.
|
where you can download the final source code.
|
||||||
|
|
||||||
本章中涉及到了很多背景知识,而且本应用程序也太大了,所以没法在这里显示。请访问<live-example></live-example>,在那里你可以下载最终的源码。
|
本章中涉及到了很多背景知识,而且本应用程序也太大了,所以没法在这里显示。请访问<live-example>在线例子</live-example>,在那里你可以下载最终的源码。
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
|
|
||||||
|
|
|
@ -43,7 +43,7 @@ block includes
|
||||||
|
|
||||||
Try the <live-example></live-example> of the code shown in this page.
|
Try the <live-example></live-example> of the code shown in this page.
|
||||||
|
|
||||||
运行<live-example></live-example>来试用本页的代码。
|
运行<live-example>在线例子</live-example>来试用本页的代码。
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
h2#report-issues Reporting vulnerabilities
|
h2#report-issues Reporting vulnerabilities
|
||||||
|
|
|
@ -1217,4 +1217,4 @@ block redirect-to-web-api
|
||||||
:marked
|
:marked
|
||||||
See the full source code in the <live-example></live-example>.
|
See the full source code in the <live-example></live-example>.
|
||||||
|
|
||||||
要想查看完整的源代码,请参见<live-example></live-example>。
|
要想查看完整的源代码,请参见<live-example>在线例子</live-example>。
|
||||||
|
|
|
@ -28,7 +28,7 @@ block includes
|
||||||
|
|
||||||
Try the <live-example></live-example>.
|
Try the <live-example></live-example>.
|
||||||
|
|
||||||
试试<live-example></live-example>。
|
试试<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
<a id="definition"></a>
|
<a id="definition"></a>
|
||||||
.l-main-section
|
.l-main-section
|
||||||
|
|
|
@ -47,7 +47,7 @@ figure.image-display
|
||||||
:marked
|
:marked
|
||||||
**Try it out**. Here's a link to a <live-example></live-example>.
|
**Try it out**. Here's a link to a <live-example></live-example>.
|
||||||
|
|
||||||
点<live-example></live-example>的链接来**试用一下**。
|
点<live-example>在线例子</live-example>的链接来**试用一下**。
|
||||||
|
|
||||||
You can also <a href="https://github.com/angular/quickstart/blob/master/README.md" target="_blank">
|
You can also <a href="https://github.com/angular/quickstart/blob/master/README.md" target="_blank">
|
||||||
clone the entire QuickStart application</a> from GitHub.
|
clone the entire QuickStart application</a> from GitHub.
|
||||||
|
@ -564,7 +564,7 @@ block project-file-structure
|
||||||
:marked
|
:marked
|
||||||
To see the file contents, open the <live-example></live-example>.
|
To see the file contents, open the <live-example></live-example>.
|
||||||
|
|
||||||
要查看文件的内容,请打开<live-example></live-example>。
|
要查看文件的内容,请打开<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
:marked
|
:marked
|
||||||
|
|
|
@ -298,7 +298,7 @@ code-example(language="html").
|
||||||
|
|
||||||
Run the <live-example></live-example> for this part.
|
Run the <live-example></live-example> for this part.
|
||||||
|
|
||||||
运行这部分的<live-example></live-example>。
|
运行这部分的<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
Here's the complete `app.component.ts` as it stands now:
|
Here's the complete `app.component.ts` as it stands now:
|
||||||
|
|
||||||
|
|
|
@ -9,7 +9,7 @@ include ../_util-fns
|
||||||
|
|
||||||
Run the <live-example></live-example> for this part.
|
Run the <live-example></live-example> for this part.
|
||||||
|
|
||||||
运行这部分的<live-example></live-example>。
|
运行这部分的<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
|
@ -413,7 +413,7 @@ code-example(format=".").
|
||||||
|
|
||||||
Run the <live-example></live-example> for this part.
|
Run the <live-example></live-example> for this part.
|
||||||
|
|
||||||
运行这部分的<live-example></live-example>。
|
运行这部分的<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
:marked
|
:marked
|
||||||
|
|
|
@ -30,7 +30,7 @@ include ../_util-fns
|
||||||
|
|
||||||
Run the <live-example></live-example> for this part.
|
Run the <live-example></live-example> for this part.
|
||||||
|
|
||||||
运行这部分的<live-example></live-example>。
|
运行这部分的<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
.l-main-section
|
.l-main-section
|
||||||
:marked
|
:marked
|
||||||
|
@ -657,7 +657,7 @@ a#child-component
|
||||||
|
|
||||||
Run the <live-example></live-example> for this part.
|
Run the <live-example></live-example> for this part.
|
||||||
|
|
||||||
运行这部分的<live-example></live-example>。
|
运行这部分的<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
### The Road Ahead
|
### The Road Ahead
|
||||||
|
|
||||||
|
|
|
@ -54,7 +54,7 @@ figure.image-display
|
||||||
:marked
|
:marked
|
||||||
Run the <live-example></live-example> for this part.
|
Run the <live-example></live-example> for this part.
|
||||||
|
|
||||||
运行这部分的<live-example></live-example>。
|
运行这部分的<live-example>在线例子</live-example>。
|
||||||
|
|
||||||
+ifDocsFor('ts|js')
|
+ifDocsFor('ts|js')
|
||||||
.l-sub-section
|
.l-sub-section
|
||||||
|
@ -1424,7 +1424,7 @@ figure.image-display
|
||||||
Review the sample source code in the <live-example></live-example> for this chapter.
|
Review the sample source code in the <live-example></live-example> for this chapter.
|
||||||
Verify that we have the following structure:
|
Verify that we have the following structure:
|
||||||
|
|
||||||
在<live-example></live-example>中回顾本章的范例代码。
|
在<live-example>在线例子</live-example>中回顾本章的范例代码。
|
||||||
验证我们是否已经得到了如下结构:
|
验证我们是否已经得到了如下结构:
|
||||||
|
|
||||||
block file-tree-end
|
block file-tree-end
|
||||||
|
|
|
@ -850,7 +850,7 @@ figure.image-display
|
||||||
Review the sample source code in the <live-example></live-example> for this chapter.
|
Review the sample source code in the <live-example></live-example> for this chapter.
|
||||||
Verify that we have the following structure:
|
Verify that we have the following structure:
|
||||||
|
|
||||||
在<live-example></live-example>中回顾本章的范例代码。
|
在<live-example>在线例子</live-example>中回顾本章的范例代码。
|
||||||
验证我们是否得到了如下结构:
|
验证我们是否得到了如下结构:
|
||||||
|
|
||||||
block filetree
|
block filetree
|
||||||
|
|
Loading…
Reference in New Issue