honeymoose/angular-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 在线例子改为现场演练

Browse Source
This commit is contained in:
Zhicheng WANG 2020-03-05 19:49:34 +08:00
parent d9b29a288c
commit 6576b1cd40
8 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/content/guide/complex-animation-sequences.md
View File

@ -60,7 +60,7 @@ The `stagger()` function allows you to define a timing gap between each queried
The Filter/Stagger tab in the live example shows a list of heroes with an introductory sequence. The entire list of heroes cascades in, with a slight delay from top to bottom. The Filter/Stagger tab in the live example shows a list of heroes with an introductory sequence. The entire list of heroes cascades in, with a slight delay from top to bottom.
这个在线例子中的 Filter/Stagger 标签显示了一个带有前导序列的英雄列表。整个英雄列表会级联进入，从上到下逐个做轻微的延迟。 这个现场演练中的 Filter/Stagger 标签显示了一个带有前导序列的英雄列表。整个英雄列表会级联进入，从上到下逐个做轻微的延迟。
The following example demonstrates how to use `query()` and `stagger()` functions on the entry of an animated element. The following example demonstrates how to use `query()` and `stagger()` functions on the entry of an animated element.

2
aio/content/guide/dependency-injection-in-action.md
View File

@ -192,7 +192,7 @@ The template displays this data-bound property.
Find this example in <live-example name="dependency-injection-in-action">live code</live-example> Find this example in <live-example name="dependency-injection-in-action">live code</live-example>
and confirm that the three `HeroBioComponent` instances have their own cached hero data. and confirm that the three `HeroBioComponent` instances have their own cached hero data.
到<live-example name="dependency-injection-in-action">在线例子</live-example>中找到这个例子，确认三个 `HeroBioComponent` 实例拥有自己独立的英雄数据缓存。 到<live-example name="dependency-injection-in-action">现场演练</live-example>中找到这个例子，确认三个 `HeroBioComponent` 实例拥有自己独立的英雄数据缓存。
<div class="lightbox"> <div class="lightbox">
<img src="generated/images/guide/dependency-injection-in-action/hero-bios.png" alt="Bios"> <img src="generated/images/guide/dependency-injection-in-action/hero-bios.png" alt="Bios">

2
aio/content/guide/reactive-forms.md
View File

@ -10,7 +10,7 @@
Try the <live-example title="Reactive Forms in Stackblitz">Reactive Forms live-example</live-example>. Try the <live-example title="Reactive Forms in Stackblitz">Reactive Forms live-example</live-example>.
试试<live-example title="Reactive Forms in Stackblitz">响应式表单的在线例子</live-example>。 试试<live-example title="Reactive Forms in Stackblitz">响应式表单的现场演练</live-example>。
{@a intro} {@a intro}

6
aio/content/guide/router.md
View File

@ -1172,7 +1172,7 @@ The application has three main feature areas:
Try it by clicking on this <live-example title="Hero Employment Agency Live Example">live example link</live-example>. Try it by clicking on this <live-example title="Hero Employment Agency Live Example">live example link</live-example>.
点击<live-example title="英雄职介中心的在线例子"></live-example>试用一下。 点击<live-example title="英雄职介中心的现场演练"></live-example>试用一下。
Once the app warms up, you'll see a row of navigation buttons Once the app warms up, you'll see a row of navigation buttons
and the *Heroes* view with its list of heroes. and the *Heroes* view with its list of heroes.
@ -2072,11 +2072,11 @@ Follow these steps:
* Copy the contents of the `heroes/heroes.component.css` from the live example into the `hero-list.component.css` file. * Copy the contents of the `heroes/heroes.component.css` from the live example into the `hero-list.component.css` file.
把在线例子中 `heroes/heroes.component.css` 文件的内容复制到 `hero-list.component.css` 文件中。 把现场演练中 `heroes/heroes.component.css` 文件的内容复制到 `hero-list.component.css` 文件中。
* Copy the contents of the `heroes/heroes.component.ts` from the live example into the `hero-list.component.ts` file. * Copy the contents of the `heroes/heroes.component.ts` from the live example into the `hero-list.component.ts` file.
把在线例子中 `heroes/heroes.component.ts` 文件的内容复制到 `hero-list.component.ts` 文件中。 把现场演练中 `heroes/heroes.component.ts` 文件的内容复制到 `hero-list.component.ts` 文件中。
* Change the component class name to `HeroListComponent`. * Change the component class name to `HeroListComponent`.

4
aio/content/guide/singleton-services.md
View File

@ -103,7 +103,7 @@ There are multiple ways to prevent this:
**Note:** There are two example apps where you can see this scenario; the more advanced <live-example noDownload name="ngmodules">NgModules live example</live-example>, which contains `forRoot()` and `forChild()` in the routing modules and the `GreetingModule`, and the simpler <live-example name="lazy-loading-ngmodules" noDownload>Lazy Loading live example</live-example>. For an introductory explanation see the [Lazy Loading Feature Modules](guide/lazy-loading-ngmodules) guide. **Note:** There are two example apps where you can see this scenario; the more advanced <live-example noDownload name="ngmodules">NgModules live example</live-example>, which contains `forRoot()` and `forChild()` in the routing modules and the `GreetingModule`, and the simpler <live-example name="lazy-loading-ngmodules" noDownload>Lazy Loading live example</live-example>. For an introductory explanation see the [Lazy Loading Feature Modules](guide/lazy-loading-ngmodules) guide.
**注意：**有两个范例应用可以让你查看这种情况，更高级的方式参见 <live-example noDownload name="ngmodules">NgModules 在线例子</live-example>，它在路由模块中包含 `forRoot()` 和 `forChild()`，而 `GreetingModule` 是一个比较简单的<live-example name="lazy-loading-ngmodules" noDownload>惰性加载范例</live-example>。在[惰性加载模块](guide/lazy-loading-ngmodules)中有简要的解释。 **注意：**有两个范例应用可以让你查看这种情况，更高级的方式参见 <live-example noDownload name="ngmodules">NgModules 现场演练</live-example>，它在路由模块中包含 `forRoot()` 和 `forChild()`，而 `GreetingModule` 是一个比较简单的<live-example name="lazy-loading-ngmodules" noDownload>惰性加载范例</live-example>。在[惰性加载模块](guide/lazy-loading-ngmodules)中有简要的解释。
</div> </div>
@ -179,7 +179,7 @@ This sequence ensures that whatever you add explicitly to
the `AppModule` providers takes precedence over the providers the `AppModule` providers takes precedence over the providers
of imported modules. of imported modules.
在这个 <live-example name="ngmodules">在线例子</live-example>中，根模块 `AppModule` 导入了 `GreetingModule`，并把它的 `providers` 添加到了 `AppModule` 的服务提供商列表中。特别是，Angular 会把所有从其它模块导入的提供商追加到本模块的 `@NgModule.providers` 中列出的提供商之前。这种顺序可以确保你在 `AppModule` 的 `providers` 中显式列出的提供商，其优先级高于导入模块中给出的提供商。 在这个 <live-example name="ngmodules">现场演练</live-example>中，根模块 `AppModule` 导入了 `GreetingModule`，并把它的 `providers` 添加到了 `AppModule` 的服务提供商列表中。特别是，Angular 会把所有从其它模块导入的提供商追加到本模块的 `@NgModule.providers` 中列出的提供商之前。这种顺序可以确保你在 `AppModule` 的 `providers` 中显式列出的提供商，其优先级高于导入模块中给出的提供商。
The sample app imports `GreetingModule` and uses its `forRoot()` method one time, in `AppModule`. Registering it once like this prevents multiple instances. The sample app imports `GreetingModule` and uses its `forRoot()` method one time, in `AppModule`. Registering it once like this prevents multiple instances.

2
aio/content/guide/template-syntax.md
View File

@ -27,7 +27,7 @@ It explains basic principles of the template language and describes most of the
Many code snippets illustrate the points and concepts, all of them available Many code snippets illustrate the points and concepts, all of them available
in the <live-example title="Template Syntax Live Code"></live-example>. in the <live-example title="Template Syntax Live Code"></live-example>.
这里还有很多代码片段用来解释技术点和概念，它们全都在<live-example title="模板语法的在线例子"></live-example>中。 这里还有很多代码片段用来解释技术点和概念，它们全都在<live-example title="模板语法的现场演练"></live-example>中。
{@a html} {@a html}

2
aio/content/guide/visual-studio-2015.md
View File

@ -17,7 +17,7 @@ This cookbook describes the steps required to set up and use Angular app files i
There is no *live example* for this cookbook because it describes Visual Studio, not There is no *live example* for this cookbook because it describes Visual Studio, not
the Angular application itself. It uses the starter Angular application created by the CLI command [`ng new`](cli/new) as an example. the Angular application itself. It uses the starter Angular application created by the CLI command [`ng new`](cli/new) as an example.
本文中没有*在线例子*，因为它介绍的是 Visual Studio，而不是《快速上手》应用程序本身。它使用 CLI 命令 [`ng new`](cli/new) 创建的 Angular 入门应用作为例子。 本文中没有*现场演练*，因为它介绍的是 Visual Studio，而不是《快速上手》应用程序本身。它使用 CLI 命令 [`ng new`](cli/new) 创建的 Angular 入门应用作为例子。
</div> </div>

2
aio/src/app/custom-elements/live-example/live-example.component.ts
View File

@ -120,7 +120,7 @@ export class LiveExampleComponent implements AfterContentInit {
} }
private getTitle(attrs: AttrMap) { private getTitle(attrs: AttrMap) {
return (getAttrValue(attrs, 'title') || '在线例子').trim(); return (getAttrValue(attrs, 'title') || '现场演练').trim();
} }
private getZip(exampleDir: string, stackblitzName: string) { private getZip(exampleDir: string, stackblitzName: string) {