fix: update origin v18.2.1 (angular#985)

* fix: update origin * fix: migrate changes * chore: lint fix * chore: fix adev build params

Author: lacolaco

adev-ja/src/app/sub-navigation-data.en.ts

@@ -1462,16 +1462,6 @@ const REFERENCE_SUB_NAVIGATION_DATA: NavigationItem[] = [
  path: 'reference/migrations/standalone',
  contentPath: 'reference/migrations/standalone',
  },
- {
- label: 'ModuleWithProviders',
- path: 'reference/migrations/module-with-providers',
- contentPath: 'reference/migrations/module-with-providers',
- },
- {
- label: 'Typed Forms',
- path: 'reference/migrations/typed-forms',
- contentPath: 'reference/migrations/typed-forms',
- },
  {
  label: 'Control Flow Syntax',
  path: 'reference/migrations/control-flow',
@@ -1482,6 +1472,11 @@ const REFERENCE_SUB_NAVIGATION_DATA: NavigationItem[] = [
  path: 'reference/migrations/inject-function',
  contentPath: 'reference/migrations/inject-function',
  },
+ {
+ label: 'Lazy-loaded routes',
+ path: 'reference/migrations/route-lazy-loading',
+ contentPath: 'reference/migrations/route-lazy-loading',
+ },
  ],
  },
  {

adev-ja/src/app/sub-navigation-data.ts

@@ -1470,16 +1470,6 @@ const REFERENCE_SUB_NAVIGATION_DATA: NavigationItem[] = [
  path: 'reference/migrations/standalone',
  contentPath: 'reference/migrations/standalone',
  },
- {
- label: 'ModuleWithProviders',
- path: 'reference/migrations/module-with-providers',
- contentPath: 'reference/migrations/module-with-providers',
- },
- {
- label: '型付けされたフォーム',
- path: 'reference/migrations/typed-forms',
- contentPath: 'reference/migrations/typed-forms',
- },
  {
  label: '制御フロー構文',
  path: 'reference/migrations/control-flow',
@@ -1490,6 +1480,11 @@ const REFERENCE_SUB_NAVIGATION_DATA: NavigationItem[] = [
  path: 'reference/migrations/inject-function',
  contentPath: 'reference/migrations/inject-function',
  },
+ {
+ label: 'Lazy-loaded routes',
+ path: 'reference/migrations/route-lazy-loading',
+ contentPath: 'reference/migrations/route-lazy-loading',
+ },
  ],
  },
  {

adev-ja/src/content/guide/components/content-projection.en.md

@@ -66,11 +66,12 @@ template.
 **The `<ng-content>` element is neither a component nor DOM element**. Instead, it is a special
 placeholder that tells Angular where to render content. Angular's compiler processes
 all `<ng-content>` elements at build-time. You cannot insert, remove, or modify `<ng-content>` at
-run time. You cannot add **<span style="text-decoration:underline;">directives</span>**, styles, or
-arbitrary attributes to `<ng-content>`.
+run time. You cannot add directives, styles, or arbitrary attributes to `<ng-content>`.
 
-You should not conditionally include `<ng-content>` with `ngIf`, `ngFor`, or `ngSwitch`. For
-conditional rendering of component content, see [Template fragments](api/core/ng-template).
+You should not conditionally include `<ng-content>` with `@if`, `@for`, or `@switch`. Angular always
+instantiates and creates DOM nodes for content rendered to a `<ng-content>` placeholder, even if
+that `<ng-content>` placeholder is hidden. For conditional rendering of component content,
+see [Template fragments](api/core/ng-template).
 
 ## Multiple content placeholders
 

adev-ja/src/content/guide/components/content-projection.md

@@ -66,11 +66,11 @@ Angularは、このように渡されるコンポーネントの子要素を、
 **`<ng-content>` 要素は、コンポーネントでも DOM 要素でもありません。** 
 代わりに、コンテンツをレンダリングする場所をAngularに伝える特別なプレースホルダーです。
 Angularのコンパイラは、ビルド時にすべての `<ng-content>` 要素を処理します。
-実行時に `<ng-content>` を挿入、削除、または変更できません。
-**<span style="text-decoration:underline;">ディレクティブ</span>**、スタイル、または任意の属性を `<ng-content>` に追加できません。
+実行時に `<ng-content>` を挿入、削除、または変更できません。ディレクティブ、スタイル、または任意の属性を `<ng-content>` に追加できません。
 
-`<ng-content>` を `ngIf`、`ngFor`、または `ngSwitch` で条件付きで含めるべきではありません。
-コンポーネントコンテンツの条件付きレンダリングについては、
+`<ng-content>` を `@if`、`@for`、または `@switch` で条件付きで含めるべきではありません。
+Angularは常ににレンダリングされたコンテンツのDOMノードをインスタンス化して作成します。
+その `<ng-content>` プレースホルダが非表示であってもです。コンポーネントコンテンツの条件付きレンダリングについては
 [テンプレートフラグメント](api/core/ng-template) を参照してください。
 
 ## 複数のコンテンツプレースホルダー

adev-ja/src/content/guide/components/lifecycle.en.md

@@ -50,22 +50,22 @@ process.
   <td><code>ngDoCheck</code></td>
   <td>Runs every time this component is checked for changes.</td>
  </tr>
- <tr>
-  <td><code>ngAfterViewInit</code></td>
-  <td>Runs once after the component's <em>view</em> has been initialized.</td>
- </tr>
  <tr>
   <td><code>ngAfterContentInit</code></td>
   <td>Runs once after the component's <em>content</em> has been initialized.</td>
  </tr>
- <tr>
-  <td><code>ngAfterViewChecked</code></td>
-  <td>Runs every time the component's view has been checked for changes.</td>
- </tr>
  <tr>
   <td><code>ngAfterContentChecked</code></td>
   <td>Runs every time this component content has been checked for changes.</td>
  </tr>
+ <tr>
+  <td><code>ngAfterViewInit</code></td>
+  <td>Runs once after the component's <em>view</em> has been initialized.</td>
+ </tr>
+ <tr>
+  <td><code>ngAfterViewChecked</code></td>
+  <td>Runs every time the component's view has been checked for changes.</td>
+ </tr>
  <tr>
   <td rowspan="2">Rendering</td>
   <td><code>afterNextRender</code></td>
@@ -173,16 +173,6 @@ defining this hook whenever possible, only using it when you have no alternative
 
 During initialization, the first `ngDoCheck` runs after `ngOnInit`.
 
-### ngAfterViewInit
-
-The `ngAfterViewInit` method runs once after all the children in the component's template (its
-_view_) have been initialized.
-
-You can use this lifecycle hook to read the results of
-[view queries](guide/components/queries#view-queries). While you can access the initialized state of
-these queries, attempting to change any state in this method results in an
-[ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100)
-
 ### ngAfterContentInit
 
 The `ngAfterContentInit` method runs once after all the children nested inside the component (
@@ -193,29 +183,39 @@ You can use this lifecycle hook to read the results of
 state of these queries, attempting to change any state in this method results in an
 [ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100)
 
-### ngAfterViewChecked
+### ngAfterContentChecked
 
-The `ngAfterViewChecked` method runs every time the children in the component's template (its
-_view_) have been checked for changes.
+The `ngAfterContentChecked` method runs every time the children nested inside the component (its
+_content_) have been checked for changes.
 
 This method runs very frequently and can significantly impact your page's performance. Avoid
 defining this hook whenever possible, only using it when you have no alternative.
 
-While you can access the updated state of [view queries](guide/components/queries#view-queries)
-here, attempting to
+While you can access the updated state
+of [content queries](guide/components/queries#content-queries) here, attempting to
 change any state in this method results in
 an [ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100).
 
-### ngAfterContentChecked
+### ngAfterViewInit
 
-The `ngAfterContentChecked` method runs every time the children nested inside the component (its
-_content_) have been checked for changes.
+The `ngAfterViewInit` method runs once after all the children in the component's template (its
+_view_) have been initialized.
+
+You can use this lifecycle hook to read the results of
+[view queries](guide/components/queries#view-queries). While you can access the initialized state of
+these queries, attempting to change any state in this method results in an
+[ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100)
+
+### ngAfterViewChecked
+
+The `ngAfterViewChecked` method runs every time the children in the component's template (its
+_view_) have been checked for changes.
 
 This method runs very frequently and can significantly impact your page's performance. Avoid
 defining this hook whenever possible, only using it when you have no alternative.
 
-While you can access the updated state
-of [content queries](guide/components/queries#content-queries) here, attempting to
+While you can access the updated state of [view queries](guide/components/queries#view-queries)
+here, attempting to
 change any state in this method results in
 an [ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100).
 

adev-ja/src/content/guide/components/lifecycle.md

@@ -50,22 +50,22 @@ Angularアプリケーション全体に関連するライフサイクルフッ
   <td><code>ngDoCheck</code></td>
   <td>このコンポーネントが変更のためにチェックされるたびに実行されます。</td>
  </tr>
- <tr>
-  <td><code>ngAfterViewInit</code></td>
-  <td>コンポーネントの<em>ビュー</em>が初期化された後に1回実行されます。</td>
- </tr>
  <tr>
   <td><code>ngAfterContentInit</code></td>
   <td>コンポーネントの<em>コンテンツ</em>が初期化された後に1回実行されます。</td>
  </tr>
- <tr>
-  <td><code>ngAfterViewChecked</code></td>
-  <td>コンポーネントのビューが変更のためにチェックされるたびに実行されます。</td>
- </tr>
  <tr>
   <td><code>ngAfterContentChecked</code></td>
   <td>このコンポーネントのコンテンツが変更のためにチェックされるたびに実行されます。</td>
  </tr>
+ <tr>
+  <td><code>ngAfterViewInit</code></td>
+  <td>コンポーネントの<em>ビュー</em>が初期化された後に1回実行されます。</td>
+ </tr>
+ <tr>
+  <td><code>ngAfterViewChecked</code></td>
+  <td>コンポーネントのビューが変更のためにチェックされるたびに実行されます。</td>
+ </tr>
  <tr>
   <td rowspan="2">レンダリング</td>
   <td><code>afterNextRender</code></td>
@@ -173,16 +173,6 @@ Angularがコンポーネントのテンプレートの変更をチェックす
 
 初期化中は、最初の `ngDoCheck` は `ngOnInit` の後に実行されます。
 
-### ngAfterViewInit
-
-`ngAfterViewInit` メソッドは、
-コンポーネントのテンプレート（その*ビュー*）内のすべての子が初期化された後に1回だけ実行されます。
-
-このライフサイクルフックを使用して、
-[ビュークエリ](guide/components/queries#view-queries) の結果を読み取ることができます。
-これらのクエリの初期化された状態にアクセスできますが、このメソッドで状態を変更しようとすると、
-[ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100) が発生します。
-
 ### ngAfterContentInit
 
 `ngAfterContentInit` メソッドは、
@@ -193,28 +183,38 @@ Angularがコンポーネントのテンプレートの変更をチェックす
 これらのクエリの初期化された状態にアクセスできますが、このメソッドで状態を変更しようとすると、
 [ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100) が発生します。
 
-### ngAfterViewChecked
+### ngAfterContentChecked
 
-`ngAfterViewChecked` メソッドは、
-コンポーネントのテンプレート（その*ビュー*）内のすべての子が変更のためにチェックされるたびに実行されます。
+`ngAfterContentChecked` メソッドは、
+コンポーネント（その*コンテンツ*）内にネストされたすべての子が変更のためにチェックされるたびに実行されます。
 
 このメソッドは非常に頻繁に実行され、ページのパフォーマンスに大きく影響する可能性があります。
 可能な限り、このフックの定義を避け、代替手段がない場合にのみ使用してください。
 
-[ビュークエリ](guide/components/queries#view-queries) 
+[コンテンツクエリ](guide/components/queries#content-queries)
 の更新された状態にアクセスできますが、
 このメソッドで状態を変更しようとすると、
 [ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100) が発生します。
 
-### ngAfterContentChecked
+### ngAfterViewInit
 
-`ngAfterContentChecked` メソッドは、
-コンポーネント（その*コンテンツ*）内にネストされたすべての子が変更のためにチェックされるたびに実行されます。
+`ngAfterViewInit` メソッドは、
+コンポーネントのテンプレート（その*ビュー*）内のすべての子が初期化された後に1回だけ実行されます。
+
+このライフサイクルフックを使用して、
+[ビュークエリ](guide/components/queries#view-queries) の結果を読み取ることができます。
+これらのクエリの初期化された状態にアクセスできますが、このメソッドで状態を変更しようとすると、
+[ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100) が発生します。
+
+### ngAfterViewChecked
+
+`ngAfterViewChecked` メソッドは、
+コンポーネントのテンプレート（その*ビュー*）内のすべての子が変更のためにチェックされるたびに実行されます。
 
 このメソッドは非常に頻繁に実行され、ページのパフォーマンスに大きく影響する可能性があります。
 可能な限り、このフックの定義を避け、代替手段がない場合にのみ使用してください。
 
-[コンテンツクエリ](guide/components/queries#content-queries)
+[ビュークエリ](guide/components/queries#view-queries) 
 の更新された状態にアクセスできますが、
 このメソッドで状態を変更しようとすると、
 [ExpressionChangedAfterItHasBeenCheckedError](errors/NG0100) が発生します。

adev-ja/src/content/guide/di/dependency-injection-providers.en.md

@@ -110,7 +110,7 @@ class HeroService {
  private isAuthorized: boolean) { }
 
  getHeroes() {
- const auth = this.isAuthorized ? 'authorized ' : 'unauthorized';
+ const auth = this.isAuthorized ? 'authorized' : 'unauthorized';
  this.logger.log(`Getting heroes for ${auth} user.`);
  return HEROES.filter(hero => this.isAuthorized || !hero.isSecret);
  }

adev-ja/src/content/guide/di/dependency-injection-providers.md

@@ -110,7 +110,7 @@ class HeroService {
  private isAuthorized: boolean) { }
 
  getHeroes() {
- const auth = this.isAuthorized ? 'authorized ' : 'unauthorized';
+ const auth = this.isAuthorized ? 'authorized' : 'unauthorized';
  this.logger.log(`Getting heroes for ${auth} user.`);
  return HEROES.filter(hero => this.isAuthorized || !hero.isSecret);
  }

adev-ja/src/content/guide/http/interceptors.en.md

@@ -95,9 +95,9 @@ export function authInterceptor(req: HttpRequest<unknown>, next: HttpHandlerFn)
  const authToken = inject(AuthService).getAuthToken();
 
  // Clone the request to add the authentication header.
- const newReq = req.clone({headers: {
- req.headers.append('X-Authentication-Token', authToken),
- }});
+ const newReq = req.clone({
+ headers: req.headers.append('X-Authentication-Token', authToken),
+ });
  return next(newReq);
 }
 </docs-code>

adev-ja/src/content/guide/http/interceptors.md

@@ -95,9 +95,9 @@ export function authInterceptor(req: HttpRequest<unknown>, next: HttpHandlerFn)
  const authToken = inject(AuthService).getAuthToken();
 
  // 認証ヘッダーを追加するようにリクエストを複製します。
- const newReq = req.clone({headers: {
- req.headers.append('X-Authentication-Token', authToken),
- }});
+ const newReq = req.clone({
+ headers: req.headers.append('X-Authentication-Token', authToken),
+ });
  return next(newReq);
 }
 </docs-code>