Ignite UI for Angular 18 リリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーションのルミです。Ignite UI for Angular 18 リリースいたしました。本リリースでは、様々な新機能と重大な変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。

• Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意ください。

はじめに

Ignite UI for Angular は、50 種類以上のマテリアルデザインに対応する Angular 対応コンポーネントです。モバイル向けのコンポーネントだけではなく、データグリッドや、コンボ、カレンаダーなど、業務アプリで必須の機能を持ったコンポーネントを提供しています。

Ignite UI for Angular のバージョニング

Ignite UI for Angular は、有名なセマンティックバージョニングとは異なる方式でバージョンがつけられています。詳しくは下記の記事をご覧ください。

Ignite UI for Angular 18.0.8 リリースノート

ここからは、GitHub の 18.0.8 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(combo): ID を設定することでドロップダウン コンポーネントのエラーを解決しました (#14547)。
• fix(simple-combo): Enter キーを押したときにグループ ヘッダーが選択する不具合を修正しました (#14431)。

Ignite UI for Angular 18.0.7 リリースノート

ここからは、GitHub の 18.0.7 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• docs(nav-drawer): hidden プロパティを表示しました (#14542)。
• fix(Grid): 複数行レイアウトでの重複ゴーストを修正しました (#14500)。
• fix(igxGrid): グループ展開コンテナーの問題を修正しました (#14511)。

Ignite UI for Angular 18.0.6 リリースノート

ここからは、GitHub の 18.0.6 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• primaryKey が設定されている場合の行選択パフォーマンスを向上しました (#14522)。
• fix(overlay-demo): owner プロパティを使用するように修正しました (#14531)。
• build(*): pivot row の takeUntil インポートを変更しました (#14540)。

Ignite UI for Angular 18.0.5 リリースノート

ここからは、GitHub の 18.0.5 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• igx-grid の Excel スタイルフィルターダイアログに現在のフィルターが反映されない問題を修正しました (#14436)。
• デフォルトのオーバーレイ設定を追加しました (#14457)。
• fix(button-group): クリック時に選択イベントが 2 回発生する不具合を修正しました (#14454)。
• docs(grid,toolbar): 高度なフィルタリングコンポーネントを ngAfterViewInit で非表示としてマークしました (#14475)。
• エクセルにエクスポートする際、階層グリッドのヘッダーがツリーグリッドのようにテーマ化されるようになりました (#14484)。
• docs(pivot): internal プロパティの JSDoc タグを修正しました (#14446)。
• fix(for-of): コンテンツエリアの再計算を修正しました (#14461)。
• fix(grid): フィルタリング UI のマウスダウン イベント処理を修正しました (#14466)。
• fix(drag-drop): デフォルト位置の変換スタイルをクリアする修正を行いました (#14504)。

Ignite UI for Angular 18.0.4 リリースノート

ここからは、GitHub の 18.0.4 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• docs(pivot): gridSize オーバーライドを internal としてマークしました (#14427)。
• refactor(exporter): 追加のピボット メソッドをプライベートにしました (#14433)。
• fix(simple-combo): IgxGrid セル テンプレートに配置され、グリッドが仮想化されている場合の選択を処理しました (#14413)。
• 修正: column と columnGroup が同じヘッダーを持つ場合、setState() がエラーをスローする問題 (#14440)。

Ignite UI for Angular 18.0.3 リリースノート

ここからは、GitHub の 18.0.3 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(combo): 値キーが配列の場合に選択を適切に処理します (#14383)。
• fix(simple-combo): 入力クリア時に選択変更をトリガーします (#14343)。
• fix(simple-combo): コンボにフォーカスがあるが開かれていない場合の入力時のフィルター (#14345)。
• fix(icon-button): 不足しているモジュールを追加しました (#14419)。

Ignite UI for Angular 18.0.2 リリースノート

ここからは、GitHub の 18.0.2 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• docs(grids): API コメントのタイプミスを修正しました (#14374)。
• fix(month-picker): 矢印キーによるナビゲーション時に viewDateChanged イベントを発行します (#14385)。
• refactor(grid): lastSearchInfo を読み取り専用/取得専用としてマークしました (#14389)。
• fix(igxHierarchicalGrid): ベース グリッドと同様に、列のコレクションが変更されると columnInit が呼び出されるようにしました (#14366)。
• fix(update-18): instanceof の代わりに typeof を使用するように設定しました (#14404)。
• fix(forof): 変更ごとに master の設定を強制しないように設定しました。古い同期マスターが DOM にない場合は、新しい同期マスターを設定します (#14362)。

Ignite UI for Angular 18.0.1 リリースノート

ここからは、GitHub の 18.0.1 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(igxGrid): グリッドがレンダリングされるときにコンテナーのサイズが変化するかどうかのチェックを有効にします。そうでない場合は、グリッドのサイズを自動変更しません (#14355)。
• ツールチップ: 同じホスト上の igxToggleAction と一緒に定義され、その前に定義されている場合にターゲットを正しく設定します (#14348)。
• アップデート 18 - ワークスペース スキーマで複雑なファイル参照構成を処理します (#14358)。
• fix(simple-combo): データをフィルタリングするときの Enter キーのデフォルト動作を防止します (#14351)。
• rowSelectionChanging イベント引数の newSelection を正しい順序で返します (#14353)。

Ignite UI for Angular 18.0.0 リリースノート

新機能

• IgxCombo、IgxSimpleCombo:
  • カスタム クリア アイコン テンプレートが空の場合にクリア アイコン ボタンを非表示にする機能を導入しました。
• IgxDateTimeEditor、IgxTimePicker:
  • Angular の DatePipe として、次のカスタム inputFormat オプションを受け入れます:
    • 小数秒: S、SS、SSS。
    • 時間 (午前/午後): a、aa、aaa、aaaa、aaaa。
• IgxPivotGrid
  • すべての行ヘッダーの上部に表示される、テンプレート化可能な行ディメンション ヘッダーを追加しました。
  • showPivotConfigurationUI プロパティを pivotUI プロパティに置き換えて、構成 UI や新しい行ディメンション ヘッダーを有効/無効にする機能を追加しました。
  • 各 IPivotDimension に sortable プロパティを追加しました。
• IgxOverlayService、IgxToggleDirective:
  • setOffset メソッドにオプションの offsetMode パラメーターが追加されました。このパラメーターは、OffsetMode.Add と OffsetMode.Set を使用してオフセット値を追加するか (デフォルト)、設定するかを決定します。

変更内容

• 表示密度トークンが削除されたため、コンポーネントはテーマからデフォルトのサイズを取得するようになりました。ほとんどのコンポーネントのデフォルト サイズが変更され、現在は medium (中) サイズ (以前は large サイズ) になっています。以下に、テーマ別のすべてのサイズ変更可能なコンポーネントとそれらのデフォルト サイズの完全なリストを示します。
  • Avatar - Small (小、すべてのテーマ)
  • Button - Large (大、Material)、Medium (中 - Bootstrap、Fluent、Indigo)
  • Button Group - Large (大、Material)、Medium (中 - Bootstrap、Fluent、Indigo)
  • Card - Medium (中、すべてのテーマ)
  • Combo - Medium (中、すべてのテーマ)
  • Chip - Medium (中、すべてのテーマ)
  • Date/Time Picker - Medium (中、すべてのテーマ)
  • Dropdown - Medium (中、すべてのテーマ)
  • Dialog - Medium (中、すべてのテーマ)
  • Icon - Large (大、すべてのテーマ)
  • Icon Button - Large (大、Material)、Medium (中 - Bootstrap、Fluent、Indigo)
  • Input Group - Medium (中、すべてのテーマ)
  • List - Medium (中、すべてのテーマ)
  • Tree - Medium (中、すべてのテーマ)
  • Rating - Medium (中、すべてのテーマ)
  • Select - Medium (中、すべてのテーマ)

一般

• 非推奨の displayDensity プロパティを削除しました。サイズは、カスタム CSS プロパティ --ig-size を通じてのみ制御されるようになりました。使用方法の詳細については、アップデート ガイドとコンポーネントのドキュメントを参照してください。
• IgxBanner
  • BannerEventArgs および BannerCancelEventArgs の非推奨の banner プロパティを削除しました。owner へのマイグレーションが適用されます。
• IgxGrid、IgxTreeGrid、IgxHierarchicalGrid
  • IgxColumnComponent の非推奨の movable プロパティを削除しました。
• IgxOverlayService
  • 非推奨の PositionSettings.target を削除しました (一般的な OverlaySettings.target に置き換えます)。
  • ComponentFactoryResolver (NgModuleRef のようなオブジェクト経由) を受け入れる非推奨の attach メソッド オーバーロードを、ルート スコープと createComponent のみを使用するショートカット オーバーロードに置き換えました。ViewComponentRef を受け入れるオーバーロードは、ローカル インジェクション コンテキストでは引き続き推奨されます。
• IgxPivotGrid
  • IgxPivotDateDimension の非推奨の  inBaseDimension ゲッターおよび inOption ゲッターは削除されました。
• IgxSimpleCombo
  • 動作の変更 ngModel および formControlName ディレクティブにバインドされている場合、ユーザーが入力したときにモデルは更新されず、選択時にのみ更新されます。

サンプル

Ignite UI for Angular を初めて使う、という方は是非こちらから

• オンラインサンプル
  

  jp.infragistics.com

• トライアルの開始
  

Angular API

Ignite UI for Angular の API はこちらから

• Angular API Sass

ナレッジベース

お客様の問題解決に役立つナレッジベースを公開しています。

ナレッジベースはこちらから

https://kb.jp.infragistics.com/