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

fix: 把所有 plunker 替换为 Stackblitz

This commit is contained in:
Zhicheng Wang 2018-03-07 16:15:21 +08:00
parent f906fa5b29
commit 3136cc77ad
5 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
aio/content/guide/npm-packages.md
View File

@ -146,8 +146,7 @@ for bootstrapping applications for production builds that pre-compile with [AOT]
and methods to compile and run the app on the client
using the [JIT compiler](guide/aot-compiler).
**@angular/platform-browser-dynamic**： 为应用程序提供一些[提供商](api/core/Provider)和[bootstrap](guide/ngmodule#bootstrap)方法，以便在客户端编译模板。不要用于离线编译。
我们使用这个包在开发期间引导应用，以及引导plunker中的范例。
**@angular/platform-browser-dynamic**： 为应用程序提供一些[提供商](api/core/Provider)和方法，以便在客户端使用 [JIT 编译器](guide/aot-compiler)运行本应用。
**@angular/router**: The [router module](/guide/router) navigates among your app pages when the browser URL changes.

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

@ -12,12 +12,12 @@ This guide explains reactive forms as you follow the steps to build a "Hero Deta
Try the <live-example stackblitz="final" title="Reactive Forms (final) in Stackblitz">Reactive Forms live-example</live-example>.
试试<live-example plnkr="final" title="Reactive Forms (final) in Plunker">响应式表单的在线例子</live-example>。
试试<live-example stackblitz="final" title="Reactive Forms (final) in Stackblitz">响应式表单的在线例子</live-example>。
You can also run the <live-example title="Reactive Forms Demo in Stackblitz">Reactive Forms Demo</live-example> version
and choose one of the intermediate steps from the "demo picker" at the top.
你还可以运行<live-example title="Reactive Forms Demo in Plunker">响应式表单的演示程序</live-example>，并从顶部选取一个中间步骤。
你还可以运行<live-example title="Reactive Forms Demo in Stackblitz">响应式表单的演示程序</live-example>，并从顶部选取一个中间步骤。
{@a intro}
@ -1793,7 +1793,7 @@ This is the final step in the demo.
Try the <live-example stackblitz="final" title="Reactive Forms (final) in Stackblitz"></live-example>.
这是本演示的最后一步。
去试试<live-example plnkr="final" title="Reactive Forms (final) in Plunker"></live-example>吧。
去试试<live-example stackblitz="final" title="Reactive Forms (final) in Stackblitz"></live-example>吧。
## Summary
@ -1881,4 +1881,4 @@ You can download the complete source for all steps in this guide
from the <live-example title="Reactive Forms Demo in Stackblitz">Reactive Forms Demo</live-example> live example.
你可以到<live-example title="Reactive Forms Demo in Plunker">响应式表单在线例子</live-example>中下载本章所有步骤的完整代码。
你可以到<live-example title="Reactive Forms Demo in Stackblitz">响应式表单在线例子</live-example>中下载本章所有步骤的完整代码。

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

@ -1214,7 +1214,7 @@ set the `href` value in **`index.html`** *exactly* as shown here.
A live coding environment like Stackblitz sets the application base address dynamically so you can't specify a fixed address.
That's why the example code replaces the `<base href...>` with a script that writes the `<base>` tag on the fly.
像Plunker这样的在线编程环境会动态设置应用的基地址（base href），因此我们没办法指定固定的地址。
像Stackblitz这样的在线编程环境会动态设置应用的基地址（base href），因此我们没办法指定固定的地址。
这就是为什么我们要用一个脚本动态写入`<base>`标签，而不是直接写`<base href...>`。
<code-example language="html">
@ -5527,7 +5527,7 @@ You've covered a lot of ground in this guide and the application is too big to r
Please visit the <live-example title="Router Sample in Stackblitz"></live-example>
where you can download the final source code.
本章中涉及到了很多背景知识，而且本应用程序也太大了，所以没法在这里显示。请访问<live-example title="Router Sample in Plunker"></live-example>，在那里你可以下载最终的源码。
本章中涉及到了很多背景知识，而且本应用程序也太大了，所以没法在这里显示。请访问<live-example title="Router Sample in Stackblitz"></live-example>，在那里你可以下载最终的源码。
{@a appendices}

2
aio/content/guide/setup-systemjs-anatomy.md
View File

@ -76,7 +76,7 @@ If you do, this page can help you understand their purpose.
and the <live-example name="setup" stackblitz="quickstart-specs">unit test</live-example>
as _live examples_.
在live example中试试<live-example name="setup">范例程序</live-example>和<live-example name="setup" plnkr="quickstart-specs">单元测试</live-example>
在live example中试试<live-example name="setup">范例程序</live-example>和<live-example name="setup" stackblitz="quickstart-specs">单元测试</live-example>
</td>

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

@ -315,7 +315,7 @@ The following are all in `src/`
You'll learn about alternative compiling and [deployment](guide/deployment) options later in the documentation.
使[即时 (JiT) 编译器](guide/glossary#jit)用编译应用并且在浏览器中[启动](guide/bootstrapping#main "启动应用")并运行应用。
对于大多数项目的开发，这都是合理的选择。而且它是在像 Plunker 这样的*在线编程*环境中运行例子的唯一选择。
对于大多数项目的开发，这都是合理的选择。而且它是在像 Stackblitz 这样的*在线编程*环境中运行例子的唯一选择。
你将在本文档中学习其他编译和开发选择。
</td>
@ -380,7 +380,7 @@ use other versions of node and npm.
<live-example title="QuickStart Seed in Stackblitz">Live coding</live-example> in the browser is a great way to explore Angular.
在浏览器中<live-example title="QuickStart Seed in Plunker">在线编程</live-example>是很好的探索 Angular 的方法。
在浏览器中<live-example title="QuickStart Seed in Stackblitz">在线编程</live-example>是很好的探索 Angular 的方法。
Links on almost every documentation page open completed samples in the browser.
You can play with the sample code, share your changes with friends, and download and run the code on your own machine.
@ -424,7 +424,7 @@ It's the perfect place to reproduce a bug when you want to
<a href="https://github.com/angular/angular/issues/new" title="File a documentation issue">file a documentation issue</a> or
<a href="https://github.com/angular/angular/issues/new" title="File an Angular issue">file an issue with Angular itself</a>.
把<live-example title="QuickStart Seed in Plunker">在线编程</live-example>环境当做*游乐场*，一个尝试文档例子和自己做实验的地方。
把<live-example title="QuickStart Seed in Stackblitz">在线编程</live-example>环境当做*游乐场*，一个尝试文档例子和自己做实验的地方。
当你想要<a href="https://github.com/angular/angular.io/issues/new" target="_blank" title="提交关于文档的问题">提交关于文档的问题</a>或者
<a href="https://github.com/angular/angular/issues/new" target="_blank" title="提交关于 Angular 的问题">提交关于 Angular 自身的问题</a>时，
它是重现错误的完美地方。