fix: 提交没错误的自动翻译结果
This commit is contained in:
Zhicheng Wang
parent
43e7e9fe8c
commit
1c028aee24
|
|
@ -62,9 +62,7 @@ The following table lists some of the key AngularJS template features with their
|
|||
### 绑定/插值表达式
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
Your favorite hero is: {{vm.favoriteHero}}
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, an expression in curly braces denotes one-way binding.
|
||||
|
|
@ -118,9 +116,7 @@ The following table lists some of the key AngularJS template features with their
|
|||
### 过滤器
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<td>{{movie.title | uppercase}}</td>
|
||||
|
||||
</code-example>
|
||||
|
||||
To filter output in AngularJS templates, use the pipe character (|) and one or more filters.
|
||||
|
|
@ -165,11 +161,9 @@ The following table lists some of the key AngularJS template features with their
|
|||
### 局部变量
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<tr ng-repeat="movie in vm.movies">
|
||||
<td>{{movie.title}}</td>
|
||||
</tr>
|
||||
|
||||
</code-example>
|
||||
|
||||
Here, `movie` is a user-defined local variable.
|
||||
|
|
@ -246,9 +240,7 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-app
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<body ng-app="movieHunter">
|
||||
|
||||
</code-example>
|
||||
|
||||
The application startup process is called **bootstrapping**.
|
||||
|
|
@ -271,7 +263,6 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### 引导
|
||||
|
||||
<code-example hideCopy path="ajs-quick-reference/src/main.ts" title="main.ts" linenums="false"></code-example>
|
||||
|
||||
<br>
|
||||
|
||||
<code-example hideCopy path="ajs-quick-reference/src/app/app.module.1.ts" title="app.module.ts" linenums="false"></code-example>
|
||||
|
|
@ -295,11 +286,9 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-class
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<div ng-class="{active: isActive}">
|
||||
<div ng-class="{active: isActive,
|
||||
shazam: isImportant}">
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, the `ng-class` directive includes/excludes CSS classes
|
||||
|
|
@ -361,10 +350,8 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-click
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<button ng-click="vm.toggleImage()">
|
||||
<button ng-click="vm.toggleImage($event)">
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, the `ng-click` directive allows you to specify custom behavior when an element is clicked.
|
||||
|
|
@ -433,9 +420,7 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-controller
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<div ng-controller="MovieListCtrl as vm">
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, the `ng-controller` directive attaches a controller to the view.
|
||||
|
|
@ -506,9 +491,7 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-href
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<a ng-href="{{ angularDocsUrl }}">Angular Docs</a>
|
||||
|
||||
</code-example>
|
||||
|
||||
The `ng-href` directive allows AngularJS to preprocess the `href` property so that it
|
||||
|
|
@ -522,9 +505,7 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
在AngularJS 中，`ng-href`通常用来作为导航的一部分，激活一个路由。
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<a ng-href="#{{ moviesHash }}">Movies</a>
|
||||
|
||||
</code-example>
|
||||
|
||||
Routing is handled differently in Angular.
|
||||
|
|
@ -574,9 +555,7 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-if
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<table ng-if="movies.length">
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, the `ng-if` directive removes or recreates a portion of the DOM,
|
||||
|
|
@ -623,9 +602,7 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-model
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<input ng-model="vm.favoriteHero"/>
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, the `ng-model` directive binds a form control to a property in the controller associated with the template.
|
||||
|
|
@ -665,9 +642,7 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-repeat
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<tr ng-repeat="movie in vm.movies">
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, the `ng-repeat` directive repeats the associated DOM element
|
||||
|
|
@ -719,11 +694,9 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-show
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<h3 ng-show="vm.favoriteHero">
|
||||
Your favorite hero is: {{vm.favoriteHero}}
|
||||
</h3>
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, the `ng-show` directive shows or hides the associated DOM element, based on
|
||||
|
|
@ -776,9 +749,7 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-src
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<img ng-src="{{movie.imageurl}}">
|
||||
|
||||
</code-example>
|
||||
|
||||
The `ng-src` directive allows AngularJS to preprocess the `src` property so that it
|
||||
|
|
@ -819,9 +790,7 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-style
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<div ng-style="{color: colorPreference}">
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, the `ng-style` directive sets a CSS style on an HTML element
|
||||
|
|
@ -877,7 +846,6 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
### ng-switch
|
||||
|
||||
<code-example hideCopy format="">
|
||||
|
||||
<div ng-switch="vm.favoriteHero &&
|
||||
vm.checkMovieHero(vm.favoriteHero)">
|
||||
<div ng-switch-when="true">
|
||||
|
|
@ -890,7 +858,6 @@ AngularJS 为模板提供了七十多个内置指令。
|
|||
Please enter your favorite hero.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, the `ng-switch` directive swaps the contents of
|
||||
|
|
@ -996,9 +963,7 @@ AngularJS中的很多内置过滤器在Angular中都有对应的管道。
|
|||
### currency
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<td>{{movie.price | currency}}</td>
|
||||
|
||||
</code-example>
|
||||
|
||||
Formats a number as currency.
|
||||
|
|
@ -1028,9 +993,7 @@ AngularJS中的很多内置过滤器在Angular中都有对应的管道。
|
|||
### date
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<td>{{movie.releaseDate | date}}</td>
|
||||
|
||||
</code-example>
|
||||
|
||||
Formats a date to a string based on the requested format.
|
||||
|
|
@ -1060,9 +1023,7 @@ AngularJS中的很多内置过滤器在Angular中都有对应的管道。
|
|||
### filter
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<tr ng-repeat="movie in movieList | filter: {title:listFilter}">
|
||||
|
||||
</code-example>
|
||||
|
||||
Selects a subset of items from the defined collection, based on the filter criteria.
|
||||
|
|
@ -1094,9 +1055,7 @@ AngularJS中的很多内置过滤器在Angular中都有对应的管道。
|
|||
### json
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<pre>{{movie | json}}</pre>
|
||||
|
||||
</code-example>
|
||||
|
||||
Converts a JavaScript object into a JSON string. This is useful for debugging.
|
||||
|
|
@ -1126,9 +1085,7 @@ AngularJS中的很多内置过滤器在Angular中都有对应的管道。
|
|||
### limitTo
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<tr ng-repeat="movie in movieList | limitTo:2:0">
|
||||
|
||||
</code-example>
|
||||
|
||||
Selects up to the first parameter (2) number of items from the collection
|
||||
|
|
@ -1164,9 +1121,7 @@ AngularJS中的很多内置过滤器在Angular中都有对应的管道。
|
|||
### lowercase
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<div>{{movie.title | lowercase}}</div>
|
||||
|
||||
</code-example>
|
||||
|
||||
Converts the string to lowercase.
|
||||
|
|
@ -1196,9 +1151,7 @@ AngularJS中的很多内置过滤器在Angular中都有对应的管道。
|
|||
### number
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<td>{{movie.starRating | number}}</td>
|
||||
|
||||
</code-example>
|
||||
|
||||
Formats a number as text.
|
||||
|
|
@ -1236,9 +1189,7 @@ AngularJS中的很多内置过滤器在Angular中都有对应的管道。
|
|||
### orderBy
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<tr ng-repeat="movie in movieList | orderBy : 'title'">
|
||||
|
||||
</code-example>
|
||||
|
||||
Displays the collection in the order specified by the expression.
|
||||
|
|
@ -1322,11 +1273,9 @@ The Angular code is shown using TypeScript.
|
|||
### IIFE
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
(function () {
|
||||
...
|
||||
}());
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, an immediately invoked function expression (or IIFE) around controller code
|
||||
|
|
@ -1365,9 +1314,7 @@ The Angular code is shown using TypeScript.
|
|||
### Angular模块
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
angular.module("movieHunter", ["ngRoute"]);
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, an Angular module keeps track of controllers, services, and other code.
|
||||
|
|
@ -1412,13 +1359,11 @@ The Angular code is shown using TypeScript.
|
|||
### 控制器注册
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
angular
|
||||
.module("movieHunter")
|
||||
.controller("MovieListCtrl",
|
||||
["movieService",
|
||||
MovieListCtrl]);
|
||||
|
||||
</code-example>
|
||||
|
||||
AngularJS has code in each controller that looks up an appropriate Angular module
|
||||
|
|
@ -1470,10 +1415,8 @@ The Angular code is shown using TypeScript.
|
|||
### 控制器函数
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
function MovieListCtrl(movieService) {
|
||||
}
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, you write the code for the model and methods in a controller function.
|
||||
|
|
@ -1516,11 +1459,9 @@ The Angular code is shown using TypeScript.
|
|||
### 依赖注入
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
MovieListCtrl.$inject = ['MovieService'];
|
||||
function MovieListCtrl(movieService) {
|
||||
}
|
||||
|
||||
</code-example>
|
||||
|
||||
In AngularJS, you pass in any dependencies as controller function arguments.
|
||||
|
|
@ -1612,13 +1553,11 @@ also encapsulate a style sheet within a specific component.
|
|||
<td>
|
||||
|
||||
### Link tag
|
||||
|
||||
|
||||
### Link 标签
|
||||
|
||||
<code-example hideCopy>
|
||||
|
||||
<link href="styles.css" rel="stylesheet" />
|
||||
|
||||
</code-example>
|
||||
|
||||
AngularJS, uses a `link` tag in the head section of the `index.html` file
|
||||
|
|
@ -1661,4 +1600,3 @@ also encapsulate a style sheet within a specific component.
|
|||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ driven by a model attribute.
|
|||
|
||||
我们来构建一个简单的动画，它会让一个元素用模型驱动的方式在两个状态之间转场。
|
||||
|
||||
Animations can be defined inside `@Component` metadata.
|
||||
Animations can be defined inside `@Component` metadata.
|
||||
|
||||
动画会被定义在`@Component`元数据中。
|
||||
|
||||
|
|
@ -162,9 +162,7 @@ controls the timing of switching between one set of styles and the next:
|
|||
<code-example path="animations/src/app/hero-list-basic.component.ts" region="transitions" title="src/app/hero-list-basic.component.ts" linenums="false"></code-example>
|
||||
|
||||
<figure>
|
||||
|
||||
<img src="generated/images/guide/animations/ng_animate_transitions_inactive_active.png" alt="In Angular animations you define states and transitions between states" width="400">
|
||||
|
||||
</figure>
|
||||
|
||||
If several transitions have the same timing configuration, you can combine
|
||||
|
|
@ -210,9 +208,7 @@ transitions that apply regardless of which state the animation is in. For exampl
|
|||
当在*任意*两个状态之间切换时，`* => *`转场都会生效。
|
||||
|
||||
<figure>
|
||||
|
||||
<img src="generated/images/guide/animations/ng_animate_transitions_inactive_active_wildcards.png" alt="The wildcard state can be used to match many different transitions at once" width="400">
|
||||
|
||||
</figure>
|
||||
|
||||
### The `void` state
|
||||
|
|
@ -233,9 +229,7 @@ regardless of what state it was in before it left.
|
|||
比如当一个元素离开视图时，`* => void`转场就会生效，而不管它在离场以前是什么状态。
|
||||
|
||||
<figure>
|
||||
|
||||
<img src="generated/images/guide/animations/ng_animate_transitions_void_in.png" alt="The void state can be used for enter and leave transitions" width="400">
|
||||
|
||||
</figure>
|
||||
|
||||
The wildcard state `*` also matches `void`.
|
||||
|
|
@ -283,10 +277,8 @@ These two common animations have their own aliases:
|
|||
这两个常见的动画有自己的别名：
|
||||
|
||||
<code-example language="typescript">
|
||||
|
||||
transition(':enter', [ ... ]); // void => *
|
||||
transition(':leave', [ ... ]); // * => void
|
||||
|
||||
</code-example>
|
||||
|
||||
</div>
|
||||
|
|
@ -325,9 +317,7 @@ This gives you fine-grained control over each transition:
|
|||
现在就对每一种转场都有了细粒度的控制：
|
||||
|
||||
<figure>
|
||||
|
||||
<img src="generated/images/guide/animations/ng_animate_transitions_inactive_active_void.png" alt="This example transitions between active, inactive, and void states" width="400">
|
||||
|
||||
</figure>
|
||||
|
||||
<code-example path="animations/src/app/hero-list-enter-leave-states.component.ts" region="animationdef" title="hero-list-enter-leave.component.ts (excerpt)" linenums="false"></code-example>
|
||||
|
|
@ -557,4 +547,4 @@ The callbacks receive an `AnimationEvent` that contains useful properties such a
|
|||
Those callbacks will fire whether or not an animation is picked up.
|
||||
|
||||
|
||||
无论动画是否实际执行过，那些回调都会触发。
|
||||
无论动画是否实际执行过，那些回调都会触发。
|
||||
|
|
|
|||
|
|
@ -1,5 +1,3 @@
|
|||
|
||||
|
||||
<div class="breadcrumb">
|
||||
|
||||
<a href="#">API<a> / <a href="#">@core<a>
|
||||
|
|
@ -8,7 +6,7 @@
|
|||
|
||||
<header class="api-header">
|
||||
|
||||
<h1><label class="api-status-label experimental">experimental</label><label class="api-type-label class">class</label>Class Name</h1>
|
||||
<h1><label class="api-status-label experimental">experimental</label><label class="api-type-label class">class</label>Class Name</h1>
|
||||
|
||||
</header>
|
||||
|
||||
|
|
@ -19,7 +17,11 @@
|
|||
|
||||
</div>
|
||||
|
||||
<p>Class description goes here. This is a short and to the point one or two sentence description that easily introduces the reader to the class.</p>
|
||||
<p>
|
||||
|
||||
Class description goes here. This is a short and to the point one or two sentence description that easily introduces the reader to the class.
|
||||
|
||||
</p>
|
||||
|
||||
<div class="api-body">
|
||||
|
||||
|
|
@ -29,32 +31,25 @@
|
|||
|
||||
<code-example language="ts" hidecopy="true" ng-version="5.2.0"><aio-code class="simple-code" ng-reflect-ng-class="[object Object]" ng-reflect-code="
|
||||
class <a href="api/core/Compi" ng-reflect-hide-copy="true" ng-reflect-language="ts" ng-reflect-linenums="" ng-reflect-path="" ng-reflect-region="" ng-reflect-title=""><pre class="prettyprint lang-ts">
|
||||
|
||||
<code class="animated fadeIn"><span class="kwd">class</span><span class="pln"> </span><a href="api/core/Compiler" class="code-anchor"><span class="typ">Compiler</span></a><span class="pln"> </span><span class="pun">{</span><span class="pln">
|
||||
|
||||
</span><a class="code-anchor" href="api/core/Compiler#compileModuleSync"><span class="pln">compileModuleSync</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>(</span><span class="pln">moduleType</span><span class="pun">:</span><span class="pln"> </span><span class="typ">Type</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>):</span><span class="pln"> </span><span class="typ">NgModuleFactory</span><span class="pun"><</span><span class="pln">T</span><span class="pun">></span></a><span class="pln">
|
||||
|
||||
</span><a class="code-anchor" href="api/core/Compiler#compileModuleAsync"><span class="pln">compileModuleAsync</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>(</span><span class="pln">moduleType</span><span class="pun">:</span><span class="pln"> </span><span class="typ">Type</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>):</span><span class="pln"> </span><span class="typ">Promise</span><span class="pun"><</span><span class="typ">NgModuleFactory</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>></span></a><span class="pln">
|
||||
|
||||
</span><a class="code-anchor" href="api/core/Compiler#compileModuleAndAllComponentsSync"><span class="pln">compileModuleAndAllComponentsSync</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>(</span><span class="pln">moduleType</span><span class="pun">:</span><span class="pln"> </span><span class="typ">Type</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>):</span><span class="pln"> </span><span class="typ">ModuleWithComponentFactories</span><span class="pun"><</span><span class="pln">T</span><span class="pun">></span></a><span class="pln">
|
||||
|
||||
</span><a class="code-anchor" href="api/core/Compiler#compileModuleAndAllComponentsAsync"><span class="pln">compileModuleAndAllComponentsAsync</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>(</span><span class="pln">moduleType</span><span class="pun">:</span><span class="pln"> </span><span class="typ">Type</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>):</span><span class="pln"> </span><span class="typ">Promise</span><span class="pun"><</span><span class="typ">ModuleWithComponentFactories</span><span class="pun"><</span><span class="pln">T</span><span class="pun">>></span></a><span class="pln">
|
||||
|
||||
</span><a class="code-anchor" href="api/core/Compiler#clearCache"><span class="pln">clearCache</span><span class="pun">():</span><span class="pln"> </span><span class="kwd">void</span></a><span class="pln">
|
||||
|
||||
</span><a class="code-anchor" href="api/core/Compiler#clearCacheFor"><span class="pln">clearCacheFor</span><span class="pun">(</span><span class="pln">type</span><span class="pun">:</span><span class="pln"> </span><span class="typ">Type</span><span class="pun"><</span><span class="pln">any</span><span class="pun">>)</span></a><span class="pln">
|
||||
|
||||
</span><span class="pun">}</span></code>
|
||||
|
||||
</pre></aio-code></code-example>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<h2>Description</h2>
|
||||
|
||||
<p>The longer class description goes here which can include multiple paragraphs.</p>
|
||||
<p>
|
||||
|
||||
The longer class description goes here which can include multiple paragraphs.
|
||||
|
||||
</p>
|
||||
|
||||
</p>Bacon ipsum dolor amet pork belly capicola sirloin venison alcatra ground round ham hock jowl turkey picanha bresaola pancetta brisket chicken fatback. Burgdoggen kevin salami jowl shoulder jerky leberkas meatball. Ham hock picanha burgdoggen pork belly rump bacon cupim. Bacon kielbasa sirloin shank strip steak ground round. Bresaola cow salami meatloaf pork chop leberkas flank turducken biltong meatball chuck pork tri-tip chicken. Ribeye corned beef shoulder, meatloaf strip steak jerky porchetta capicola alcatra ham.</p>
|
||||
|
||||
|
|
@ -62,11 +57,23 @@
|
|||
|
||||
<ul>
|
||||
|
||||
<li><a href="#">Subclass1</a></li>
|
||||
<li>
|
||||
|
||||
<li><a href="#">Subclass2</a></li>
|
||||
<a href="#">Subclass1</a>
|
||||
|
||||
<li><a href="#">Subclass3</a></li>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="#">Subclass2</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="#">Subclass3</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
|
@ -74,32 +81,31 @@
|
|||
|
||||
<ul>
|
||||
|
||||
<li><a href="#">Link1</a></li>
|
||||
<li>
|
||||
|
||||
<li><a href="#">Link2</a></li>
|
||||
<a href="#">Link1</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
||||
<a href="#">Link2</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<h2>Constructor</h2>
|
||||
|
||||
<code-example hidecopy="true" class="no-box api-heading" ng-version="5.2.0">
|
||||
|
||||
<aio-code class="simple-code"><pre class="prettyprint lang-">
|
||||
|
||||
<code class="animated fadeIn"><span class="kwd">constructor</span><span class="pun">(</span><span class="pln">element</span><span class="pun">:</span><span class="pln"> any</span><span class="pun">,</span><span class="pln"> keyframes</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
|
||||
|
||||
</span><span class="pun">[</span><span class="pln">key</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">string</span><span class="pun">]:</span><span class="pln"> </span><span class="kwd">string</span><span class="pln"> </span><span class="pun">|</span><span class="pln"> number</span><span class="pun">;</span><span class="pln">
|
||||
|
||||
</span><span class="pun">}[],</span><span class="pln"> duration</span><span class="pun">:</span><span class="pln"> number</span><span class="pun">,</span><span class="pln"> delay</span><span class="pun">:</span><span class="pln"> number</span><span class="pun">,</span><span class="pln"> easing</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">string</span><span class="pun">,</span><span class="pln"> previousPlayers</span><span class="pun">:</span><span class="pln"> any</span><span class="pun">[])</span></code>
|
||||
|
||||
</pre></aio-code></code-example>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<h2>Properties</h2>
|
||||
|
|
@ -110,18 +116,35 @@
|
|||
|
||||
<tr>
|
||||
|
||||
<th>Property</th>
|
||||
<th>
|
||||
|
||||
<th>Type</th>
|
||||
Property
|
||||
|
||||
<th>Description</th>
|
||||
属性
|
||||
|
||||
</th>
|
||||
|
||||
<th>
|
||||
|
||||
Type
|
||||
|
||||
绑定类型
|
||||
|
||||
</th>
|
||||
|
||||
<th>
|
||||
|
||||
Description
|
||||
|
||||
描述
|
||||
|
||||
</th>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
|
|
@ -130,12 +153,19 @@
|
|||
|
||||
</td>
|
||||
|
||||
<td><label class="property-type-label type">Type</label></td>
|
||||
<td>
|
||||
|
||||
<td>Description goes here</td>
|
||||
<label class="property-type-label type">Type</label>
|
||||
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
Description goes here
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
|
|
@ -144,12 +174,21 @@
|
|||
|
||||
</td>
|
||||
|
||||
<td>Type</td>
|
||||
<td>
|
||||
|
||||
<td>Description goes here</td>
|
||||
Type
|
||||
|
||||
绑定类型
|
||||
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
Description goes here
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
|
|
@ -158,18 +197,24 @@
|
|||
|
||||
</td>
|
||||
|
||||
<td>Type</td>
|
||||
<td>
|
||||
|
||||
<td>Description goes here</td>
|
||||
Type
|
||||
|
||||
绑定类型
|
||||
|
||||
</td>
|
||||
|
||||
<td>
|
||||
|
||||
Description goes here
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="api-method">
|
||||
|
||||
<h2>Methods</h2>
|
||||
|
|
@ -180,75 +225,94 @@
|
|||
|
||||
<tr>
|
||||
|
||||
<th>Method1Name( )</th>
|
||||
<th>
|
||||
|
||||
Method1Name( )
|
||||
|
||||
</th>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
|
||||
<p>Description goes here</p>
|
||||
<p>
|
||||
|
||||
Description goes here
|
||||
|
||||
</p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Bacon ipsum dolor amet pork belly capicola sirloin venison alcatra ground round ham hock jowl turkey picanha bresaola pancetta brisket chicken fatback. Burgdoggen kevin salami jowl shoulder jerky leberkas meatball. Ham hock picanha burgdoggen pork belly rump bacon cupim. Bacon kielbasa sirloin shank strip steak ground round. Bresaola cow salami meatloaf pork chop leberkas flank turducken biltong meatball chuck pork tri-tip chicken. Ribeye corned beef shoulder, meatloaf strip steak jerky porchetta capicola alcatra ham.</p>
|
||||
<p>
|
||||
|
||||
Bacon ipsum dolor amet pork belly capicola sirloin venison alcatra ground round ham hock jowl turkey picanha bresaola pancetta brisket chicken fatback. Burgdoggen kevin salami jowl shoulder jerky leberkas meatball. Ham hock picanha burgdoggen pork belly rump bacon cupim. Bacon kielbasa sirloin shank strip steak ground round. Bresaola cow salami meatloaf pork chop leberkas flank turducken biltong meatball chuck pork tri-tip chicken. Ribeye corned beef shoulder, meatloaf strip steak jerky porchetta capicola alcatra ham.
|
||||
|
||||
</p>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
<table class="is-full-width api-method item-table">
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
|
||||
<th>Method2Name( )</th>
|
||||
<th>
|
||||
|
||||
Method2Name( )
|
||||
|
||||
</th>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
|
||||
<p>Description goes here</p>
|
||||
<p>
|
||||
|
||||
Description goes here
|
||||
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<h5>Declaration</h5>
|
||||
|
||||
<code-example language="ts" hidecopy="true" ng-version="5.2.0">
|
||||
|
||||
<aio-code class="simple-code"><pre class="prettyprint lang-ts">
|
||||
|
||||
<code class="animated fadeIn"><span class="kwd">class</span><span class="pln"> </span><a href="api/animations/AnimationBuilder" class="code-anchor"><span class="typ">AnimationBuilder</span></a><span class="pln"> </span><span class="pun">{</span><span class="pln"></span><a class="code-anchor" href="api/animations/AnimationBuilder#build"><span class="pln">build</span><span class="pun">(</span><span class="pln">animation</span><span class="pun">:</span><span class="pln"> </span><span class="typ">AnimationMetadata</span><span class="pln"> </span><span class="pun">|</span><span class="pln"> </span><span class="typ">AnimationMetadata</span><span class="pun">[]):</span><span class="pln"> </span><span class="typ">AnimationFactory</span></a><span class="pln"></span><span class="pun">}</span></code></pre>
|
||||
|
||||
</aio-code>
|
||||
|
||||
</code-example>
|
||||
|
||||
<h6>Parameters</h6>
|
||||
|
||||
<h6>Returns</h6>
|
||||
|
||||
<p>Returns information and results goes here.</p>
|
||||
<p>
|
||||
|
||||
Returns information and results goes here.
|
||||
|
||||
</p>
|
||||
|
||||
<h6>Errors</h6>
|
||||
|
||||
<p>Error information goes here</p>
|
||||
<p>
|
||||
|
||||
Error information goes here
|
||||
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
|
|
@ -257,93 +321,89 @@
|
|||
<h6>Overloads</h6>
|
||||
|
||||
<table class="is-full-width">
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
|
||||
<code-example hidecopy="true" class="no-box api-heading" ng-version="5.2.0">
|
||||
|
||||
<aio-code class="simple-code"><pre class="prettyprint lang-">
|
||||
|
||||
<code class="animated fadeIn"><span class="kwd">constructor</span><span class="pun">(</span><span class="pln">element</span><span class="pun">:</span><span class="pln"> any</span><span class="pun">,</span><span class="pln"> keyframes</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
|
||||
|
||||
</span><span class="pun">[</span><span class="pln">key</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">string</span><span class="pun">]:</span><span class="pln"> </span><span class="kwd">string</span><span class="pln"> </span><span class="pun">|</span><span class="pln"> number</span><span class="pun">;</span><span class="pln">
|
||||
|
||||
</span><span class="pun">}[],</span><span class="pln"> duration</span><span class="pun">:</span><span class="pln"> number</span><span class="pun">,</span><span class="pln"> delay</span><span class="pun">:</span><span class="pln"> number</span><span class="pun">,</span><span class="pln"> easing</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">string</span><span class="pun">,</span><span class="pln"> previousPlayers</span><span class="pun">:</span><span class="pln"> any</span><span class="pun">[])</span></code>
|
||||
|
||||
</pre></aio-code></code-example>
|
||||
|
||||
</td>
|
||||
|
||||
<td>Description goes here</td>
|
||||
<td>
|
||||
|
||||
Description goes here
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
|
||||
<code-example hidecopy="true" class="no-box api-heading" ng-version="5.2.0">
|
||||
|
||||
<aio-code class="simple-code"><pre class="prettyprint lang-">
|
||||
|
||||
<code class="animated fadeIn"><span class="kwd">constructor</span><span class="pun">(</span><span class="pln">element</span><span class="pun">:</span><span class="pln"> any</span><span class="pun">,</span><span class="pln"> keyframes</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
|
||||
|
||||
</span><span class="pun">[</span><span class="pln">key</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">string</span><span class="pun">]:</span><span class="pln"> </span><span class="kwd">string</span><span class="pln"> </span><span class="pun">|</span><span class="pln"> number</span><span class="pun">;</span><span class="pln">
|
||||
|
||||
</span><span class="pun">}[],</span><span class="pln"> duration</span><span class="pun">:</span><span class="pln"> number</span><span class="pun">,</span><span class="pln"> delay</span><span class="pun">:</span><span class="pln"> number</span><span class="pun">,</span><span class="pln"> easing</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">string</span><span class="pun">,</span><span class="pln"> previousPlayers</span><span class="pun">:</span><span class="pln"> any</span><span class="pun">[])</span></code>
|
||||
|
||||
</pre></aio-code></code-example>
|
||||
|
||||
</td>
|
||||
|
||||
<td>Description goes here</td>
|
||||
<td>
|
||||
|
||||
Description goes here
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
<hr>
|
||||
|
||||
<h5>Example: Descriptive Title of Method Example</h5>
|
||||
|
||||
<p>Bacon ipsum dolor amet pork belly capicola sirloin venison alcatra ground round ham hock jowl turkey picanha bresaola pancetta brisket chicken fatback. Burgdoggen kevin salami jowl shoulder jerky leberkas meatball. Ham hock picanha burgdoggen pork belly rump bacon cupim. Bacon kielbasa sirloin shank strip steak ground round. Bresaola cow salami meatloaf pork chop leberkas flank turducken biltong meatball chuck pork tri-tip chicken. Ribeye corned beef shoulder, meatloaf strip steak jerky porchetta capicola alcatra ham.</p>
|
||||
<p>
|
||||
|
||||
Bacon ipsum dolor amet pork belly capicola sirloin venison alcatra ground round ham hock jowl turkey picanha bresaola pancetta brisket chicken fatback. Burgdoggen kevin salami jowl shoulder jerky leberkas meatball. Ham hock picanha burgdoggen pork belly rump bacon cupim. Bacon kielbasa sirloin shank strip steak ground round. Bresaola cow salami meatloaf pork chop leberkas flank turducken biltong meatball chuck pork tri-tip chicken. Ribeye corned beef shoulder, meatloaf strip steak jerky porchetta capicola alcatra ham.
|
||||
|
||||
</p>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<h2>Example: Descriptive Title of Combined Example Goes Here</h2>
|
||||
|
||||
<p>Intro description text about what the example is and how it can be used.</p>
|
||||
<p>
|
||||
|
||||
Intro description text about what the example is and how it can be used.
|
||||
|
||||
</p>
|
||||
|
||||
<code-example hidecopy="true" class="no-box api-heading" ng-version="5.2.0">
|
||||
|
||||
<aio-code class="simple-code"><pre class="prettyprint lang-">
|
||||
|
||||
<code class="animated fadeIn"><span class="kwd">constructor</span><span class="pun">(</span><span class="pln">element</span><span class="pun">:</span><span class="pln"> any</span><span class="pun">,</span><span class="pln"> keyframes</span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
|
||||
|
||||
</span><span class="pun">[</span><span class="pln">key</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">string</span><span class="pun">]:</span><span class="pln"> </span><span class="kwd">string</span><span class="pln"> </span><span class="pun">|</span><span class="pln"> number</span><span class="pun">;</span><span class="pln">
|
||||
|
||||
</span><span class="pun">}[],</span><span class="pln"> duration</span><span class="pun">:</span><span class="pln"> number</span><span class="pun">,</span><span class="pln"> delay</span><span class="pun">:</span><span class="pln"> number</span><span class="pun">,</span><span class="pln"> easing</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">string</span><span class="pun">,</span><span class="pln"> previousPlayers</span><span class="pun">:</span><span class="pln"> any</span><span class="pun">[])</span></code>
|
||||
|
||||
</pre></aio-code></code-example>
|
||||
|
||||
<p>Further explanation provided as needed. Bacon ipsum dolor amet pork belly capicola sirloin venison alcatra ground round ham hock jowl turkey picanha bresaola pancetta brisket chicken fatback. Burgdoggen kevin salami jowl shoulder jerky leberkas meatball.</p>
|
||||
<p>
|
||||
|
||||
Further explanation provided as needed. Bacon ipsum dolor amet pork belly capicola sirloin venison alcatra ground round ham hock jowl turkey picanha bresaola pancetta brisket chicken fatback. Burgdoggen kevin salami jowl shoulder jerky leberkas meatball.
|
||||
|
||||
</p>
|
||||
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -32,9 +32,7 @@ You'll learn the details in the pages that follow. For now, focus on the big pic
|
|||
当然，这只是冰山一角。后面我们将学习更多的细节。不过，目前我们还是先关注全景图吧。
|
||||
|
||||
<figure>
|
||||
|
||||
<img src="generated/images/guide/architecture/overview2.png" alt="overview">
|
||||
|
||||
</figure>
|
||||
|
||||
<div class="l-sub-section">
|
||||
|
|
@ -42,7 +40,7 @@ You'll learn the details in the pages that follow. For now, focus on the big pic
|
|||
The code referenced on this page is available as a <live-example></live-example>.
|
||||
|
||||
本章所引用的代码见<live-example></live-example>。
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
## Modules
|
||||
|
|
@ -492,9 +490,7 @@ from the root of the application component tree through all child components.
|
|||
Angular 在每个 JavaScript 事件循环中处理*所有的*数据绑定，它会从组件树的根部开始，递归处理全部子组件。
|
||||
|
||||
<figure>
|
||||
|
||||
<img src="generated/images/guide/architecture/component-databinding.png" alt="Data Binding">
|
||||
|
||||
</figure>
|
||||
|
||||
Data binding plays an important role in communication between a template and its component.
|
||||
|
|
@ -502,9 +498,7 @@ Data binding plays an important role in communication between a template and its
|
|||
数据绑定在模板与对应组件的交互中扮演了重要的角色。
|
||||
|
||||
<figure>
|
||||
|
||||
<img src="generated/images/guide/architecture/parent-child-binding.png" alt="Parent/Child binding">
|
||||
|
||||
</figure>
|
||||
|
||||
Data binding is also important for communication between parent and child components.
|
||||
|
|
@ -743,9 +737,7 @@ The process of `HeroService` injection looks a bit like this:
|
|||
`HeroService`注入的过程差不多是这样的：
|
||||
|
||||
<figure>
|
||||
|
||||
<img src="generated/images/guide/architecture/injector-injects.png" alt="Service">
|
||||
|
||||
</figure>
|
||||
|
||||
If the injector doesn't have a `HeroService`, how does it know how to make one?
|
||||
|
|
@ -918,4 +910,5 @@ by implementing the lifecycle hook interfaces.
|
|||
> [**Testing**](guide/testing): Run unit tests on your application parts as they interact with the Angular framework
|
||||
using the _Angular Testing Platform_.
|
||||
|
||||
|
||||
> [**测试**](guide/testing)：使用 _Angular 测试平台_，在你的应用部件与 Angular 框架交互时进行单元测试。
|
||||
|
|
|
|||
Loading…
Reference in New Issue