From 0ddf72745e889de539ea790a6da8e599a76d63bf Mon Sep 17 00:00:00 2001 From: Zhicheng Wang Date: Fri, 4 Aug 2017 14:06:15 +0800 Subject: [PATCH] fix: translate all pure english titles --- aio/content/_fragments/glossary-t2.md | 2 ++ aio/content/guide/aot-compiler.md | 2 ++ aio/content/guide/architecture.md | 2 ++ aio/content/guide/component-styles.md | 8 ++++++++ .../guide/dependency-injection-in-action.md | 6 +++++- aio/content/guide/dependency-injection.md | 2 ++ aio/content/guide/glossary.md | 16 ++++++++++++++++ aio/content/guide/i18n.md | 8 ++++++++ aio/content/guide/lifecycle-hooks.md | 8 ++++++++ aio/content/guide/ngmodule-faq.md | 6 ++++++ aio/content/guide/ngmodule.md | 2 ++ aio/content/guide/npm-packages.md | 5 +++++ aio/content/guide/reactive-forms.md | 6 ++++++ aio/content/guide/router.md | 16 ++++++++++++++++ aio/content/guide/structural-directives.md | 4 ++++ aio/content/guide/template-syntax.md | 11 +++++++++++ aio/content/guide/testing.md | 16 ++++++++++++++++ aio/content/guide/typescript-configuration.md | 4 ++++ aio/content/guide/visual-studio-2015.md | 2 ++ aio/content/guide/webpack.md | 12 ++++++++++++ aio/content/tutorial/toh-pt5.md | 4 ++++ aio/content/tutorial/toh-pt6.md | 6 ++++++ 22 files changed, 147 insertions(+), 1 deletion(-) diff --git a/aio/content/_fragments/glossary-t2.md b/aio/content/_fragments/glossary-t2.md index e9aad3590c..f3c4eac006 100644 --- a/aio/content/_fragments/glossary-t2.md +++ b/aio/content/_fragments/glossary-t2.md @@ -22,6 +22,8 @@ The process of transforming code written in one form of JavaScript ## TypeScript +## TypeScript 语言 +
diff --git a/aio/content/guide/aot-compiler.md b/aio/content/guide/aot-compiler.md index 2a07a5bc5f..3671268474 100644 --- a/aio/content/guide/aot-compiler.md +++ b/aio/content/guide/aot-compiler.md @@ -367,6 +367,8 @@ AOT编译会把应用中的大部分都转换成JavaScript，这种转换会让 ### Rollup +### Rollup 工具 + This cookbook illustrates a tree shaking utility called _Rollup_. 这个烹饪宝典中用来示范的摇树优化工具是*Rollup*。 diff --git a/aio/content/guide/architecture.md b/aio/content/guide/architecture.md index c9b0a71f8e..dc73eb0993 100644 --- a/aio/content/guide/architecture.md +++ b/aio/content/guide/architecture.md @@ -154,6 +154,8 @@ During development you're likely to bootstrap the `AppModule` in a `main.ts` fil ### NgModules vs. JavaScript modules +### NgModules vs. JavaScript 模块 + The NgModule — a class decorated with `@NgModule` — is a fundamental feature of Angular. NgModule（一个带`@NgModule`装饰器的类）是 Angular 的基础特性之一。 diff --git a/aio/content/guide/component-styles.md b/aio/content/guide/component-styles.md index edf88ba2f2..46f0ac40af 100644 --- a/aio/content/guide/component-styles.md +++ b/aio/content/guide/component-styles.md @@ -135,6 +135,8 @@ The following sections describe these selectors. ### :host +### :host 选择器 + Use the `:host` pseudo-class selector to target styles in the element that *hosts* the component (as opposed to targeting elements *inside* the component's template). @@ -172,6 +174,8 @@ The next example targets the host element again, but only when it also has the ` ### :host-context +### :host-context 选择器 + Sometimes it's useful to apply styles based on some condition *outside* of a component's view. For example, a CSS theme class could be applied to the document `` element, and you want to change how your component looks based on that. @@ -200,6 +204,8 @@ if some ancestor element has the CSS class `theme-light`. ### (deprecated) `/deep/`, `>>>`, and `::ng-deep` +### 已废弃 `/deep/`、`>>>`和`::ng-deep` + Component styles normally apply only to the HTML in the component's own template. 组件样式通常只会作用于组件自身的 HTML 上。 @@ -391,6 +397,8 @@ application root, not the component file. ### CSS @imports +### CSS @imports 语法 + You can also import CSS files into the CSS files using the standard CSS `@import` rule. For details, see [`@import`](https://developer.mozilla.org/en/docs/Web/CSS/@import) on the [MDN](https://developer.mozilla.org) site. diff --git a/aio/content/guide/dependency-injection-in-action.md b/aio/content/guide/dependency-injection-in-action.md index c259d275a1..bb902d3c19 100644 --- a/aio/content/guide/dependency-injection-in-action.md +++ b/aio/content/guide/dependency-injection-in-action.md @@ -302,7 +302,7 @@ Once all the dependencies are in place, the `AppComponent` displays the user inf ### *@Injectable()* -### *@Injectable()* +### *@Injectable()* 注解 Notice the `@Injectable()`decorator on the `UserContextService` class. @@ -1231,6 +1231,8 @@ That's the subject of the next section. ### class-interface +### 类-接口 + The previous *Hero of the Month* example used the `MinimalLogger` class as the token for a provider of a `LoggerService`. @@ -1332,6 +1334,8 @@ Notice that it doesn't have a single member. It never grows no matter how many m ### _InjectionToken_ +### _InjectionToken_ 值 + Dependency objects can be simple values like dates, numbers and strings, or shapeless objects like arrays and functions. diff --git a/aio/content/guide/dependency-injection.md b/aio/content/guide/dependency-injection.md index 2cc494db55..a4aac4de1e 100644 --- a/aio/content/guide/dependency-injection.md +++ b/aio/content/guide/dependency-injection.md @@ -1569,6 +1569,8 @@ TypeScript 接口不会出现在生成的 JavaScript 代码中。 ### _InjectionToken_ +### _InjectionToken_ 值 + One solution to choosing a provider token for non-class dependencies is to define and use an [*InjectionToken*](api/core/InjectionToken). The definition of such a token looks like this: diff --git a/aio/content/guide/glossary.md b/aio/content/guide/glossary.md index 3868aa6ee0..bb541c1e0f 100644 --- a/aio/content/guide/glossary.md +++ b/aio/content/guide/glossary.md @@ -1,5 +1,7 @@ # Angular Glossary +# Angular 词汇表 + Angular has its own vocabulary. Most Angular terms are common English words with a specific meaning within the Angular system. @@ -538,6 +540,8 @@ elements and their children. ## ECMAScript +## ECMAScript 语言 + The [official JavaScript language specification](https://en.wikipedia.org/wiki/ECMAScript). [官方 JavaScript 语言规范](https://en.wikipedia.org/wiki/ECMAScript) @@ -565,18 +569,24 @@ Angular 的开发人员也可以选择直接使用 ES5 编程。 ## ES2015 +## ES2015 语言 + Short hand for [ECMAScript](guide/glossary#ecmascript) 2015. [ECMAScript](guide/glossary#ecmascript) 2015 的缩写。 ## ES5 +## ES5 语言 + Short hand for [ECMAScript](guide/glossary#ecmascript) 5, the version of JavaScript run by most modern browsers. “[ECMAScript](guide/glossary#ecmascript) 5”的简写，大部分现代浏览器使用的 JavaScript 版本。 ## ES6 +## ES6 语言 + Short hand for [ECMAScript](guide/glossary#ecmascript) 2015. [ECMAScript](guide/glossary#ecmascript) 2015 的简写。 @@ -833,6 +843,8 @@ For details and examples, see [NgModules](guide/ngmodule). ## Observable +## Observable 对象 + An array whose items arrive asynchronously over time. Observables help you manage asynchronous data, such as data coming from a backend service. Observables are used within Angular itself, including Angular's event system and its HTTP client service. @@ -1109,6 +1121,8 @@ underscore (`_`) separates one word from the next. This form is also known as *u ## Structural directives +## 结构型指令 + A category of [directive](guide/glossary#directive) that can shape or reshape HTML layout, typically by adding and removing elements in the DOM. The `ngIf` "conditional element" directive and the `ngFor` "repeater" directive are well-known examples. @@ -1204,6 +1218,8 @@ The process of transforming code written in one form of JavaScript ## TypeScript +## TypeScript 语言 + A version of JavaScript that supports most [ECMAScript 2015](guide/glossary#es2015) language features such as [decorators](guide/glossary#decorator). diff --git a/aio/content/guide/i18n.md b/aio/content/guide/i18n.md index abe908a804..23d4508d50 100644 --- a/aio/content/guide/i18n.md +++ b/aio/content/guide/i18n.md @@ -480,12 +480,17 @@ Windows users may have to quote the command like this: `"./node_modules/.bin/ng- By default, the tool generates a translation file named **`messages.xlf`** in the XML Localization Interchange File Format (XLIFF, version 1.2). + 工具默认生成一个名为**`messages.xlf`**的翻译文件，格式为XML本土化互换文件格式(XLIFF, version 1.2)。 {@a other-formats} ### Other translation formats +### 其它翻译格式 + +// TODO: Translate + Angular i18n tooling supports XLIFF 1.2 and XLIFF 2 as well as the XML Message Bundle (XMB). @@ -590,6 +595,9 @@ Do the same for each target language. {@a translate-text-nodes} ### Translate text nodes + +### 翻译文本节点 + In the real world, you send the `messages.es.xlf` file to a Spanish translator who fills in the translations using one of the many XLIFF file editors. diff --git a/aio/content/guide/lifecycle-hooks.md b/aio/content/guide/lifecycle-hooks.md index bb19ef9787..6d3e13678d 100644 --- a/aio/content/guide/lifecycle-hooks.md +++ b/aio/content/guide/lifecycle-hooks.md @@ -708,6 +708,8 @@ You risk memory leaks if you neglect to do so. ## _OnChanges()_ +## _OnChanges()_ 钩子 + Angular calls its `ngOnChanges()` method whenever it detects changes to ***input properties*** of the component (or directive). 一旦检测到该组件(或指令)的***输入属性***发生了变化，Angular就会调用它的`ngOnChanges()`方法。 @@ -776,6 +778,8 @@ Angular不会关注这个英雄对象的`name`属性的变化。 ## _DoCheck()_ +## _DoCheck()_ 钩子 + Use the `DoCheck` hook to detect and act upon changes that Angular doesn't catch on its own. 使用`DoCheck`钩子来检测那些Angular自身无法捕获的变更并采取行动。 @@ -833,6 +837,8 @@ Clearly our implementation must be very lightweight or the user experience suffe ## AfterView +## AfterView 钩子 + The *AfterView* sample explores the `AfterViewInit()` and `AfterViewChecked()` hooks that Angular calls *after* it creates a component's child views. @@ -914,6 +920,8 @@ Write lean hook methods to avoid performance problems. ## AfterContent +## AfterContent 钩子 + The *AfterContent* sample explores the `AfterContentInit()` and `AfterContentChecked()` hooks that Angular calls *after* Angular projects external content into the component. diff --git a/aio/content/guide/ngmodule-faq.md b/aio/content/guide/ngmodule-faq.md index 0b1a7dab2d..18b0cd173d 100644 --- a/aio/content/guide/ngmodule-faq.md +++ b/aio/content/guide/ngmodule-faq.md @@ -1251,6 +1251,8 @@ Read with appropriate caution and reflection. ### _SharedModule_ +### _SharedModule_ 共享模块 + Create a `SharedModule` with the components, directives, and pipes that you use everywhere in your app. This module should consist entirely of `declarations`, most of them exported. @@ -1278,6 +1280,8 @@ both those loaded when the app starts and those you lazy load later. ### _CoreModule_ +### _CoreModule_ 核心模块 + Create a `CoreModule` with `providers` for the singleton services you load when the application starts. 为你要在应用启动时加载的那些服务创建一个带`providers`的`CoreModule`。 @@ -2409,6 +2413,8 @@ how to link this module with other modules. ## NgModule API +## NgModule 模块 API + The following table summarizes the `NgModule` metadata properties. 下面是`NgModule`元数据中属性的汇总表： diff --git a/aio/content/guide/ngmodule.md b/aio/content/guide/ngmodule.md index 70d25053b8..c41099700f 100644 --- a/aio/content/guide/ngmodule.md +++ b/aio/content/guide/ngmodule.md @@ -1591,6 +1591,8 @@ the latter separated from the former by a `#`. ### RouterModule.forRoot +### RouterModule.forRoot 方法 + The `forRoot` static class method of the `RouterModule` with the provided configuration and added to the `imports` array provides the routing concerns for the module. diff --git a/aio/content/guide/npm-packages.md b/aio/content/guide/npm-packages.md index b05fe1e75e..c249a005ff 100644 --- a/aio/content/guide/npm-packages.md +++ b/aio/content/guide/npm-packages.md @@ -110,6 +110,9 @@ You can exclude them from production installations by adding `--production` to t ## *dependencies* + +## *dependencies* 依赖 + The `dependencies` section of `package.json` contains: 应用程序的`package.json`文件中，`dependencies`区下有三类包： @@ -277,6 +280,8 @@ Some of the samples improve their appearance with *bootstrap*. ## *devDependencies* +## *devDependencies* 依赖 + The packages listed in the *devDependencies* section of the `package.json` help you develop the application. You don't have to deploy them with the production application although there is no harm in doing so. diff --git a/aio/content/guide/reactive-forms.md b/aio/content/guide/reactive-forms.md index 6fdae5c444..b1affa725f 100644 --- a/aio/content/guide/reactive-forms.md +++ b/aio/content/guide/reactive-forms.md @@ -734,6 +734,8 @@ It beats writing an equivalent series of `new FormControl(...)` statements. ### Validators.required +### Validators.required 验证器 + Though this guide doesn't go deeply into validations, here is one example that demonstrates the simplicity of using `Validators.required` in reactive forms. @@ -1300,6 +1302,8 @@ You can also initialize or reset the values _later_ with the ### _setValue_ +### _setValue_ 方法 + With **`setValue`**, you assign _every_ form control value _at once_ by passing in a data object whose properties exactly match the _form model_ behind the `FormGroup`. @@ -1350,6 +1354,8 @@ This explains the conditional setting of the `address` property in the data obje ### _patchValue_ +### _patchValue_ 方法 + With **`patchValue`**, you can assign values to specific controls in a `FormGroup` by supplying an object of key/value pairs for just the controls of interest. diff --git a/aio/content/guide/router.md b/aio/content/guide/router.md index 6640efca0f..a48b0e02c3 100644 --- a/aio/content/guide/router.md +++ b/aio/content/guide/router.md @@ -76,6 +76,8 @@ An introduction to a few core router concepts will help orient you to the detail ### *<base href>* +### *<base href>* 元素 + Most routing applications should add a `` element to the `index.html` as the first child in the `` tag to tell the router how to compose navigation URLs. @@ -307,6 +309,10 @@ to get information from parent, child and sibling routes. ### Router events +### 路由事件 + +// TODO: Translate + During each navigation, the `Router` emits navigation events through the `Router.events` property. These events range from when the navigation starts and ends to many points in between. The full list of navigation events is displayed in the table below. @@ -1225,6 +1231,8 @@ The corresponding component template looks like this: ### *RouterOutlet* +### *RouterOutlet* 指令 + The `RouterOutlet` is a directive from the router library that marks the spot in the template where the router should display the views for that outlet. @@ -2623,6 +2631,8 @@ Use `queryParamMap` instead. #### _Activated Route_ in action +#### _Activated Route_ 实战 + Import the `Router`, `ActivatedRoute`, and `ParamMap` tokens from the router package. 我们要从路由器（`router`）包中导入`Router`、`ActivatedRoute`和`Params`类。 @@ -2687,6 +2697,8 @@ Finally, you activate the observable with `subscribe` method and (re)set the com #### _ParamMap_ API +#### _ParamMap_ 参数 API + The `ParamMap` API is inspired by the [URLSearchParams interface](https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams). It provides methods to handle parameter access for both route parameters (`paramMap`) and query parameters (`queryParamMap`). @@ -4895,6 +4907,8 @@ You need the `CanDeactivate` guard. ### Cancel and save +### 取消与保存 + The sample application doesn't talk to a server. Fortunately, you have another way to demonstrate an asynchronous router hook. @@ -6262,6 +6276,8 @@ Those developers may still use HTML5 URLs by taking two remedial steps: #### *HashLocationStrategy* +#### *HashLocationStrategy* 策略 + You can go old-school with the `HashLocationStrategy` by providing the `useHash: true` in an object as the second argument of the `RouterModule.forRoot` in the `AppModule`. diff --git a/aio/content/guide/structural-directives.md b/aio/content/guide/structural-directives.md index d5e43c0c03..02c62df3ed 100644 --- a/aio/content/guide/structural-directives.md +++ b/aio/content/guide/structural-directives.md @@ -605,6 +605,8 @@ That, in turn, can be desugared into the `` element form. ## Prefer the asterisk (*) syntax. +// TODO: Translate + The asterisk (*) syntax is more clear than the other desugared forms. Use [<ng-container>](guide/structural-directives#ng-container) when there's no single element to host the directive. @@ -950,6 +952,8 @@ When the`condition` is truthy, the top (A)paragraph is removed and the bottom ( ## Summary +## 总结 + You can both try and download the source code for this guide in the . Here is the source from the `src/app/` folder. diff --git a/aio/content/guide/template-syntax.md b/aio/content/guide/template-syntax.md index 5030a17ca9..0d104d6526 100644 --- a/aio/content/guide/template-syntax.md +++ b/aio/content/guide/template-syntax.md @@ -2170,6 +2170,8 @@ This section is an introduction to the most commonly used attribute directives: ### NgClass +### NgClass 指令 + You typically control how elements appear by adding and removing CSS classes dynamically. You can bind to the `ngClass` to add or remove several classes simultaneously. @@ -2233,6 +2235,9 @@ It's up to you to call `setCurrentClassess()`, both initially and when the depen {@a ngStyle} ### NgStyle + +### NgStyle 指令 + You can set inline styles dynamically, based on the state of the component. With `NgStyle` you can set many inline styles simultaneously. @@ -2501,6 +2506,8 @@ _This_ section is an introduction to the common structural directives: ### NgIf +### NgIf 指令 + You can add or remove an element from the DOM by applying an `NgIf` directive to that element (called the _host element_). Bind the directive to a condition expression like `isActive` in this example. @@ -2612,6 +2619,8 @@ described below. ### NgFor +### NgFor 指令 + `NgFor` is a _repeater_ directive — a way to present a list of items. You define a block of HTML that defines how a single item should be displayed. You tell Angular to use that block as a template for rendering each item in the list. @@ -3461,6 +3470,8 @@ It works perfectly with long property paths such as `a?.b?.c?.d`. ### The non-null assertion operator ( ! ) +// TODO: Translate + As of Typescript 2.0, you can enforce [strict null checking](http://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html "Strict null checking in TypeScript") with the `--strictNullChecks` flag. TypeScript then ensures that no variable is _unintentionally_ null or undefined. In this mode, typed variables disallow null and undefined by default. The type checker throws an error if you leave a variable unassigned or try to assign null or undefined to a variable whose type disallows null and undefined. diff --git a/aio/content/guide/testing.md b/aio/content/guide/testing.md index c1a88cb56f..1e9a6c1f67 100644 --- a/aio/content/guide/testing.md +++ b/aio/content/guide/testing.md @@ -644,6 +644,8 @@ Here's the `describe` and the `beforeEach` that precedes the tests: ### _TestBed_ +### _TestBed_ 测试台 + `TestBed` is the first and most important of the Angular testing utilities. It creates an Angular testing module—an `@NgModule` class—that you configure with the `configureTestingModule` method to produce the module environment for the class you want to test. @@ -708,6 +710,8 @@ Optional `override` methods can fine-tune aspects of the configuration. ### _createComponent_ +### _createComponent_ 方法 + After configuring `TestBed`, you tell it to create an instance of the _component-under-test_. In this example, `TestBed.createComponent` creates an instance of `BannerComponent` and returns a [_component test fixture_](guide/testing#component-fixture). @@ -1065,6 +1069,8 @@ All this is necessary in order to call the asynchronous `TestBed.compileComponen ### _compileComponents_ +### _compileComponents_ 方法 + The `TestBed.configureTestingModule` method returns the `TestBed` class so you can chain calls to other `TestBed` static methods such as `compileComponents`. @@ -1333,6 +1339,8 @@ The component injector is a property of the fixture's `DebugElement`. ### _TestBed.get_ +### _TestBed.get_ 方法 + You _may_ also be able to get the service from the root injector via `TestBed.get`. This is easier to remember and less verbose. But it only works when Angular injects the component with the service instance in the test's root injector. @@ -1644,6 +1652,8 @@ The `fakeAsync` alternative, [covered below](guide/testing#fake-async), removes ### _whenStable_ +### _whenStable_ 方法 + The test must wait for the `getQuote` promise to resolve in the next turn of the JavaScript engine. 测试程序必须等待`getQuote`在JavaScript引擎的下一回合中被解析。 @@ -1767,6 +1777,8 @@ chained in a long sequence of promise callbacks. ### _jasmine.done_ +### _jasmine.done_ 方法 + While the `async` and `fakeAsync` functions greatly simplify Angular asynchronous testing, you can still fall back to the traditional Jasmine asynchronous testing technique. @@ -2032,6 +2044,8 @@ the test detects that value through its subscription to `selected`, and the test ### _triggerEventHandler_ +### _triggerEventHandler_ 方法 + The Angular `DebugElement.triggerEventHandler` can raise _any data-bound event_ by its _event name_. The second parameter is the event object passed to the handler. @@ -4903,6 +4917,8 @@ Here are the most useful methods for testers. ### _DebugElement_ +### _DebugElement_ 方法 + The `DebugElement` provides crucial insights into the component's DOM representation. `DebugElement`提供了对组件的DOM的访问。 diff --git a/aio/content/guide/typescript-configuration.md b/aio/content/guide/typescript-configuration.md index 53ef30db25..a1a69ca6da 100644 --- a/aio/content/guide/typescript-configuration.md +++ b/aio/content/guide/typescript-configuration.md @@ -33,6 +33,8 @@ that are important to Angular developers, including details about the following ## *tsconfig.json* +## *tsconfig.json* 文件 + Typically, you add a TypeScript configuration file called `tsconfig.json` to your project to guide the compiler as it generates JavaScript files. @@ -165,6 +167,8 @@ The `node_modules/@angular/core/` folder of any Angular application contains sev ### lib.d.ts +### lib.d.ts 文件 + TypeScript includes a special declaration file called `lib.d.ts`. This file contains the ambient declarations for various common JavaScript constructs present in JavaScript runtimes and the DOM. TypeScript带有一个特殊的声明文件，名为`lib.d.ts`。该文件包含了JavaScript运行库和DOM的各种常用JavaScript环境声明。 diff --git a/aio/content/guide/visual-studio-2015.md b/aio/content/guide/visual-studio-2015.md index 655a35ce85..7d4f5c5da9 100644 --- a/aio/content/guide/visual-studio-2015.md +++ b/aio/content/guide/visual-studio-2015.md @@ -407,6 +407,8 @@ Right-click `index.html` in Solution Explorer and select option `Set As Start Pa ### To run in VS with F5 +// TODO: Translate + Most Visual Studio developers like to press the F5 key and see the IIS server come up. To use the IIS server with the QuickStart app, you must make the following three changes. diff --git a/aio/content/guide/webpack.md b/aio/content/guide/webpack.md index 2138464864..40c110db51 100644 --- a/aio/content/guide/webpack.md +++ b/aio/content/guide/webpack.md @@ -453,6 +453,8 @@ Open a terminal window and install the npm packages. ### Polyfills +### Polyfills 填充库 + You'll need polyfills to run an Angular application in most browsers as explained in the [Browser Support](guide/browser-support) guide. @@ -556,6 +558,8 @@ and exports several objects as properties of a `module.exports` object. #### _entry_ +#### _entry_ 入口 + The first export is the `entry` object: 如上所述，第一个导出的对象是*entries*： @@ -636,6 +640,8 @@ add `.css` and `.html` to the list. #### _module.rules_ +#### _module.rules_ 规则 + Rules tell Webpack which loaders to use for each file, or module: Rules用来告诉Webpack加载不同文件或模块时该用哪个加载器。 @@ -711,6 +717,8 @@ Multiple loaders can be chained using the array notation. #### _plugins_ +#### _插件_ + Finally, create instances of three plugins: 最后，创建三个插件实例： @@ -727,6 +735,8 @@ Finally, create instances of three plugins: #### *CommonsChunkPlugin* +#### *CommonsChunkPlugin* 插件 + The `app.js` bundle should contain only application code. All vendor code belongs in the `vendor.js` bundle. `app.js`包应该只包含应用代码。所有第三方代码都应该放进`vendor.js`包中。 @@ -762,6 +772,8 @@ It would remove `polyfills` from `vendor` if they shared dependencies, which the #### _HtmlWebpackPlugin_ +#### _HtmlWebpackPlugin_ 插件 + Webpack generates a number of js and CSS files. You _could_ insert them into the `index.html` _manually_. That would be tedious and error-prone. Webpack can inject those scripts and links for you with the `HtmlWebpackPlugin`. diff --git a/aio/content/tutorial/toh-pt5.md b/aio/content/tutorial/toh-pt5.md index 00fc88659d..04afe9a1d6 100644 --- a/aio/content/tutorial/toh-pt5.md +++ b/aio/content/tutorial/toh-pt5.md @@ -247,6 +247,8 @@ move the display of *Heroes* out of `AppComponent` and into its own `HeroesCompo ### *HeroesComponent* +### *HeroesComponent* 组件 + `AppComponent` is already dedicated to *Heroes*. Instead of moving the code out of `AppComponent`, rename it to `HeroesComponent` and create a separate `AppComponent` shell. @@ -420,6 +422,8 @@ Angular 路由器是一个可选的外部 Angular NgModule，名叫`RouterModule ### *<base href>* +### *<base href>* 组件 + Open `index.html` and ensure there is a `` element (or a script that dynamically sets this element) at the top of the `` section. diff --git a/aio/content/tutorial/toh-pt6.md b/aio/content/tutorial/toh-pt6.md index 207c157792..7a50b1dd91 100644 --- a/aio/content/tutorial/toh-pt6.md +++ b/aio/content/tutorial/toh-pt6.md @@ -1,5 +1,7 @@ # HTTP +# HTTP 服务 + In this page, you'll make the following improvements. 在这一章中，我们将进行如下增强： @@ -225,6 +227,8 @@ mock server. ### HTTP Promise +### Http 承诺（Promise） + The Angular `http.get` returns an RxJS `Observable`. *Observables* are a powerful way to manage asynchronous data flows. You'll read about [Observables](tutorial/toh-pt6#observables) later in this page. @@ -712,6 +716,8 @@ RxJS operator chaining makes response processing easy and readable. ### HeroSearchComponent +### HeroSearchComponent 组件 + Let's create a new `HeroSearchComponent` that calls this new `HeroSearchService`. 我们再创建一个新的`HeroSearchComponent`来调用这个新的`HeroSearchService`。