File tree Expand file tree Collapse file tree 5 files changed +18
-12
lines changed
Expand file tree Collapse file tree 5 files changed +18
-12
lines changed Original file line number Diff line number Diff line change @@ -17,6 +17,7 @@ OnPush変更検知は、Angularにコンポーネントのサブツリーの変
1717
1818``` ts
1919import { ChangeDetectionStrategy , Component } from ' @angular/core' ;
20+
2021@Component ({
2122 changeDetection: ChangeDetectionStrategy .OnPush ,
2223})
Original file line number Diff line number Diff line change @@ -110,11 +110,11 @@ src/
110110
111111### コンストラクターパラメーターインジェクションよりも` inject ` 関数を推奨 {#prefer-the-inject-function-over-constructor-parameter-injection}
112112
113- コンストラクターパラメーターインジェクションよりも` inject ` 関数を使用することを推奨します。` inject ` 関数はコンストラクターパラメーターインジェクションと同じように機能しますが、いくつかのスタイルの利点があります。
113+ コンストラクターパラメーターインジェクションよりも[ ` inject ` ] ( /api/core/inject ) 関数を使用することを推奨します。[ ` inject ` ] ( /api/core/inject ) 関数はコンストラクターパラメーターインジェクションと同じように機能しますが、いくつかのスタイルの利点があります。
114114
115- - ` inject ` は、特にクラスが多くの依存性を注入する場合に、一般的に読みやすくなります。
115+ - [ ` inject ` ] ( /api/core/inject ) は、特にクラスが多くの依存性を注入する場合に、一般的に読みやすくなります。
116116- 注入された依存性へのコメント追加が、構文的に見てより簡単です。
117- - ` inject ` はより優れた型推論を提供します。
117+ - [ ` inject ` ] ( /api/core/inject ) はより優れた型推論を提供します。
118118- [ ` useDefineForClassFields ` ] ( https://www.typescriptlang.org/tsconfig/#useDefineForClassFields ) を使用してES2022+をターゲットにする場合、注入された依存性でフィールドを読み取る際に、フィールド宣言と初期化を分離することを回避できます。
119119
120120[ 既存のコードを自動ツールで` inject ` にリファクタリングできます] ( reference/migrations/inject-function ) 。
Original file line number Diff line number Diff line change 5151- 単一選択のドロップダウンが必要な場合 - 完全なドロップダウンの実装については、[ Selectパターン] ( guide/aria/select ) を参照してください
5252- 複数選択のドロップダウンが必要な場合 - コンパクトな表示の複数選択については、[ Multiselectパターン] ( guide/aria/multiselect ) を参照してください
5353
54- Note : [ Autocomplete] ( guide/aria/autocomplete ) 、[ Select] ( guide/aria/select ) 、[ Multiselect] ( guide/aria/multiselect ) のガイドでは、このディレクティブを特定のユースケースのために[ Listbox] ( guide/aria/listbox ) と組み合わせた、ドキュメント化されたパターンが示されています。
54+ NOTE : [ Autocomplete] ( guide/aria/autocomplete ) 、[ Select] ( guide/aria/select ) 、[ Multiselect] ( guide/aria/multiselect ) のガイドでは、このディレクティブを特定のユースケースのために[ Listbox] ( guide/aria/listbox ) と組み合わせた、ドキュメント化されたパターンが示されています。
5555
5656## 機能 {#features}
5757
Original file line number Diff line number Diff line change 1010
1111グリッドを使用すると、ユーザーは方向矢印キー、Home、End、Page Up/Downを使用して2次元データやインタラクティブな要素をナビゲートできます。グリッドは、データテーブル、カレンダー、スプレッドシート、および関連するインタラクティブな要素をグループ化するレイアウトパターンで機能します。
1212
13- <docs-code-multifile preview hideCode path =" adev/src/content/examples/aria/grid/src/table /basic/app/app.ts " >
14- <docs-code header =" TS " path =" adev/src/content/examples/aria/grid/src/table /basic/app/app.ts " />
15- <docs-code header =" HTML " path =" adev/src/content/examples/aria/grid/src/table /basic/app/app.html " />
16- <docs-code header =" CSS " path =" adev/src/content/examples/aria/grid/src/table /basic/app/app.css " />
13+ <docs-code-multifile preview hideCode path =" adev/src/content/examples/aria/grid/src/overview /basic/app/app.ts " >
14+ <docs-code header =" TS " path =" adev/src/content/examples/aria/grid/src/overview /basic/app/app.ts " />
15+ <docs-code header =" HTML " path =" adev/src/content/examples/aria/grid/src/overview /basic/app/app.html " />
16+ <docs-code header =" CSS " path =" adev/src/content/examples/aria/grid/src/overview /basic/app/app.css " />
1717</docs-code-multifile >
1818
1919## 使用法 {#usage}
Original file line number Diff line number Diff line change @@ -108,14 +108,19 @@ Angularのリストボックスは、以下の機能を備えた完全にアク
108108
109109### 選択モード {#selection-modes}
110110
111- リストボックスは、アイテムがいつ選択されるかを制御する2つの選択モードをサポートしています。インターフェースのインタラクションパターンに合ったモードを選択してください。
111+ リストボックスは、アイテムがいつ選択されるかを制御する2つの選択モードをサポートしています。
112112
113- <docs-code-multifile preview hideCode path =" adev/src/content/examples/aria/listbox/src/modes/app/app.ts " >
113+ <!-- < docs-code-multifile preview hideCode path="adev/src/content/examples/aria/listbox/src/modes/app/app.ts">
114114 <docs-code header="app.ts" path="adev/src/content/examples/aria/listbox/src/modes/app/app.ts" />
115115 <docs-code header="app.html" path="adev/src/content/examples/aria/listbox/src/modes/app/app.html" />
116- </docs-code-multifile >
116+ </docs-code-multifile> -->
117+
118+ | モード | 説明 |
119+ | ------------ | -------------------------------------------------------------------------------------- |
120+ | ` 'follow' ` | フォーカスされたアイテムを自動的に選択し、選択が頻繁に変わる場合に、より速いインタラクションを提供します |
121+ | ` 'explicit' ` | 選択を確定するためにSpaceキーまたはEnterキーが必要で、ナビゲーション中の意図しない変更を防ぎます |
117122
118- ` 'follow' ` モードはフォーカスされたアイテムを自動的に選択し、選択が頻繁に変わる場合に、より速いインタラクションを提供します。 ` 'explicit' ` モードでは、選択を確定するためにSpaceキーまたはEnterキーが必要で、ナビゲーション中の意図しない変更を防ぎます。 ドロップダウンパターンでは、通常、単一選択のために` 'follow' ` モードが使用されます。
123+ TIP: ドロップダウンパターンでは、通常、単一選択のために` 'follow' ` モードが使用されます。
119124
120125## API
121126
You can’t perform that action at this time.
0 commit comments