最後的內容微調

Author: doggy8088

.nojekyll

@@ -1 +1 @@
-v18.angular.cn
+dev.angular.tw

CNAME

@@ -1,4 +1,4 @@
-<div class="docs-api"><header class="docs-reference-header"><span class="docs-reference-category">@angular/animations</span><div class="docs-reference-title"><div><h1>AnimationBuilder</h1><div class="docs-api-item-label type-undecorated_class full">類</div></div><a class="docs-github-links" target="_blank" href="https://github.com/angular/angular/blob/main/packages/animations/src/animation_builder.ts#L72-L81" title="View source" aria-label="View source"><i role="presentation" aria-hidden="true" class="material-symbols-outlined">程式碼</i></a></div><section class="docs-reference-description"><p>一個可注入的服務，可在 Angular 元件或指令中以程式設計方式生成動畫序列。
+<div class="docs-api"><header class="docs-reference-header"><span class="docs-reference-category">@angular/animations</span><div class="docs-reference-title"><div><h1>AnimationBuilder</h1><div class="docs-api-item-label type-undecorated_class full">類別</div></div><a class="docs-github-links" target="_blank" href="https://github.com/angular/angular/blob/main/packages/animations/src/animation_builder.ts#L72-L81" title="View source" aria-label="View source"><i role="presentation" aria-hidden="true" class="material-symbols-outlined">程式碼</i></a></div><section class="docs-reference-description"><p>一個可注入的服務，可在 Angular 元件或指令中以程式設計方式生成動畫序列。
 由 <code>BrowserAnimationsModule</code> 或 <code>NoopAnimationsModule</code> 提供。</p></section></header><div class="docs-reference-section docs-reference-api-section"><h2 id="api" class="docs-reference-section-heading"><a href="#api" aria-label="Link to API section" tabindex="-1">API</a></h2><div class="docs-code"><pre class="docs-mini-scroll-track"><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e" tabindex="0">  <code>
     <span class="line "><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">abstract</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> <a href="/api/animations/AnimationBuilder">AnimationBuilder</a></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span><button aria-describedby="jump-msg" type="button" class="line " member-id="build"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  abstract</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> build</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70"><a href="/api/animations/animation">animation</a></span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> <a href="/api/animations/AnimationMetadata">AnimationMetadata</a></span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> <a href="/api/animations/AnimationMetadata">AnimationMetadata</a></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> <a href="/api/animations/AnimationFactory">AnimationFactory</a></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></button><span class="line "><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span>
   </code>

assets/content/api/angular_animations_AnimationBuilder_undecorated_class.html

@@ -1,7 +1,7 @@
-<div class="docs-api"><header class="docs-reference-header"><span class="docs-reference-category">@angular/animations</span><div class="docs-reference-title"><div><h1>AnimationEvent</h1><div class="docs-api-item-label type-interface full">interface</div></div><a class="docs-github-links" target="_blank" href="https://github.com/angular/angular/blob/main/packages/animations/src/animation_event.ts#L40-L70" title="View source" aria-label="View source"><i role="presentation" aria-hidden="true" class="material-symbols-outlined">程式碼</i></a></div><section class="docs-reference-description"><p>當在啟動或完成階段捕獲動畫的動畫回呼時，此類的實例將作為事件引數回傳。</p></section></header><div class="docs-reference-section docs-reference-api-section"><h2 id="api" class="docs-reference-section-heading"><a href="#api" aria-label="Link to API section" tabindex="-1">API</a></h2><div class="docs-code"><pre class="docs-mini-scroll-track"><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e" tabindex="0">  <code>
+<div class="docs-api"><header class="docs-reference-header"><span class="docs-reference-category">@angular/animations</span><div class="docs-reference-title"><div><h1>AnimationEvent</h1><div class="docs-api-item-label type-interface full">interface</div></div><a class="docs-github-links" target="_blank" href="https://github.com/angular/angular/blob/main/packages/animations/src/animation_event.ts#L40-L70" title="View source" aria-label="View source"><i role="presentation" aria-hidden="true" class="material-symbols-outlined">程式碼</i></a></div><section class="docs-reference-description"><p>當在啟動或完成階段捕獲動畫的動畫回呼時，此類別的實例將作為事件引數回傳。</p></section></header><div class="docs-reference-section docs-reference-api-section"><h2 id="api" class="docs-reference-section-heading"><a href="#api" aria-label="Link to API section" tabindex="-1">API</a></h2><div class="docs-code"><pre class="docs-mini-scroll-track"><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e" tabindex="0">  <code>
     <span class="line "><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> <a href="/api/animations/AnimationEvent">AnimationEvent</a></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span><button aria-describedby="jump-msg" type="button" class="line " member-id="fromState"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  fromState</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></button><button aria-describedby="jump-msg" type="button" class="line " member-id="toState"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  toState</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></button><button aria-describedby="jump-msg" type="button" class="line " member-id="totalTime"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  totalTime</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></button><button aria-describedby="jump-msg" type="button" class="line " member-id="phaseName"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  phaseName</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></button><button aria-describedby="jump-msg" type="button" class="line " member-id="element"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  element</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></button><button aria-describedby="jump-msg" type="button" class="line " member-id="triggerName"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  triggerName</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></button><button aria-describedby="jump-msg" type="button" class="line " member-id="disabled"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  disabled</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> boolean</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></button><span class="line "><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span>
   </code>
-  </pre></pre></div></div><div class="docs-reference-members"><div class="docs-reference-members"><div id="fromState" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>fromState</h3><code>string</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>觸發動畫的狀態的名稱。</p></div></div></div></div><div id="toState" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>toState</h3><code>string</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>動畫完成時所處的狀態的名稱。</p></div></div></div></div><div id="totalTime" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>totalTime</h3><code>number</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>動畫完成所需的時間，以毫秒為單位。</p></div></div></div></div><div id="phaseName" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>phaseName</h3><code>string</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>呼叫回呼時所處的動畫階段，為 『start』 或 『done』 之一。</p></div></div></div></div><div id="element" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>element</h3><code>any</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>動畫所附著的元素。</p></div></div></div></div><div id="triggerName" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>triggerName</h3><code>string</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>內部的。</p></div></div></div></div><div id="disabled" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>disabled</h3><code>boolean</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>內部的。</p></div></div></div></div></div></div><div class="docs-reference-section"><h2 id="description" class="docs-reference-section-heading"><a href="#description" aria-label="Link to Description section" tabindex="-1">說明</a></h2><div><p>當在啟動或完成階段捕獲動畫的動畫回呼時，此類的實例將作為事件引數回傳。</p>
+  </pre></pre></div></div><div class="docs-reference-members"><div class="docs-reference-members"><div id="fromState" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>fromState</h3><code>string</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>觸發動畫的狀態的名稱。</p></div></div></div></div><div id="toState" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>toState</h3><code>string</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>動畫完成時所處的狀態的名稱。</p></div></div></div></div><div id="totalTime" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>totalTime</h3><code>number</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>動畫完成所需的時間，以毫秒為單位。</p></div></div></div></div><div id="phaseName" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>phaseName</h3><code>string</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>呼叫回呼時所處的動畫階段，為 『start』 或 『done』 之一。</p></div></div></div></div><div id="element" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>element</h3><code>any</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>動畫所附著的元素。</p></div></div></div></div><div id="triggerName" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>triggerName</h3><code>string</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>內部的。</p></div></div></div></div><div id="disabled" class="docs-reference-member-card"><header class="docs-reference-card-header"><h3>disabled</h3><code>boolean</code></header><div class="docs-reference-card-body"><div class="docs-reference-card-item"><div><p>內部的。</p></div></div></div></div></div></div><div class="docs-reference-section"><h2 id="description" class="docs-reference-section-heading"><a href="#description" aria-label="Link to Description section" tabindex="-1">說明</a></h2><div><p>當在啟動或完成階段捕獲動畫的動畫回呼時，此類別的實例將作為事件引數回傳。</p>
 
       <div class="docs-code" role="group">
         <pre class="docs-mini-scroll-track">          <pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">@</span><span style="--shiki-light:#24292E;--shiki-dark:#B392F0">Component</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">({</span></span><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#E1E4E8">  host</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">: {</span></span><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#9ECBFF">    '[@myAnimationTrigger]'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">: </span><span style="--shiki-light:#24292E;--shiki-dark:#9ECBFF">'</span><span style="--shiki-light:#6F42C1;--shiki-dark:#9ECBFF">someExpression</span><span style="--shiki-light:#24292E;--shiki-dark:#9ECBFF">'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span></span><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#9ECBFF">    '(@myAnimationTrigger.start)</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'</span><span style="--shiki-light:#032F62;--shiki-dark:#E1E4E8">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'</span><span style="--shiki-light:#6F42C1;--shiki-dark:#9ECBFF">captureStartEvent</span><span style="--shiki-light:#24292E;--shiki-dark:#9ECBFF">($event)</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'</span><span style="--shiki-light:#B31D28;--shiki-light-font-style:italic;--shiki-dark:#E1E4E8;--shiki-dark-font-style:inherit">,</span></span><span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">    '(@myAnimationTrigger.done)'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'captureDoneEvent($event)'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span></span><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  },</span></span><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#E1E4E8">  animations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">: [</span></span><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    <a href="/api/animations/trigger">trigger</a></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">"myAnimationTrigger"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, [</span></span><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">       // ...</span></span><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    ])</span></span><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  ]</span></span><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">})</span></span><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> MyComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span><span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  someExpression</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> any</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  captureStartEvent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">event</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> <a href="/api/animations/AnimationEvent">AnimationEvent</a></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) {</span></span><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // the toState, fromState and totalTime data is accessible from the event variable</span></span><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span><span class="line"></span><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  captureDoneEvent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">event</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> <a href="/api/animations/AnimationEvent">AnimationEvent</a></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) {</span></span><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // the toState, fromState and totalTime data is accessible from the event variable</span></span><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>