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

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

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.
这个在线例子中的 Filter/Stagger 标签显示了一个带有前导序列的英雄列表。整个英雄列表会级联进入,从上到下逐个做轻微的延迟。
这个现场演练中的 Filter/Stagger 标签显示了一个带有前导序列的英雄列表。整个英雄列表会级联进入,从上到下逐个做轻微的延迟。
The following example demonstrates how to use `query()` and `stagger()` functions on the entry of an animated element.

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>
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">
<img src="generated/images/guide/dependency-injection-in-action/hero-bios.png" alt="Bios">

View File

@ -10,7 +10,7 @@
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}

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>.
点击<live-example title="英雄职介中心的在线例子"></live-example>试用一下。
点击<live-example title="英雄职介中心的现场演练"></live-example>试用一下。
Once the app warms up, you'll see a row of navigation buttons
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.
在线例子`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.
在线例子`heroes/heroes.component.ts` 文件的内容复制到 `hero-list.component.ts` 文件中。
现场演练`heroes/heroes.component.ts` 文件的内容复制到 `hero-list.component.ts` 文件中。
* Change the component class name to `HeroListComponent`.

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.
**注意:**有两个范例应用可以让你查看这种情况,更高级的方式参见 <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>
@ -179,7 +179,7 @@ This sequence ensures that whatever you add explicitly to
the `AppModule` providers takes precedence over the providers
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.

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
in the <live-example title="Template Syntax Live Code"></live-example>.
这里还有很多代码片段用来解释技术点和概念,它们全都在<live-example title="模板语法的在线例子"></live-example>中。
这里还有很多代码片段用来解释技术点和概念,它们全都在<live-example title="模板语法的现场演练"></live-example>中。
{@a html}

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
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>

View File

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