インフラジスティックス・ジャパン株式会社Blog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

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

Ignite UI for Angularリリースノート

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

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

はじめに

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

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

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

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

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

新機能

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

不具合修正

  • fix(grid-validation): エラー用ツールチップに開閉アニメーションを追加しました (#15883)。
  • fix(excel-style-filtering): 数値列で負の小数値が許可されるようになりました (#15928)。
  • fix(timepicker): タッチパッドでのスクロール操作を改善しました (#15875)。
  • fix(radio-group): 動的に追加されたラジオ ボタンが初期化されない問題を修正しました (#16021)。
  • ci: SassDoc ビルドを再構成し、テーマおよびローカライゼーションのバージョンを 2.0.0 に更新しました (#15943)。
  • fix(calendar): すべての日付状態が radius に反応するようにしました (#16031)。
  • fix(query-builder): isAdvancedFiltering の判定処理を改善しました (#16020)。
  • simple-combo に disableFiltering オプションを追加しました (#16013)。
  • fix(elements): ブリッジされたテンプレートのトラック UUID にユーティリティ関数とフォールバック処理を使用するようにしました (#16043)。

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

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

新機能

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

不具合修正

  • refactoring(query-builder): 外側のパディングを CSS カスタム プロパティとして公開しました (#15975)。
  • fix(vhelper): vhelper スクロールバーが表示されている場合のみパディングを固定するようにしました (#15972)。
  • fix(grid): 編集中でない場合に endEdit をキャンセルするようにしました (#15995)。
  • fix(igxGrid): 列幅がパーセンテージ指定の場合、水平スクロールバーの表示タイミングを丸めて計算するようにしました (#15886)。
  • fix(igxGrid): グリッドのデータが外部から変更された際に editValue を更新するようにしました (#15885)。
  • aria-required と required 状態を同期しました (#15998)。
  • fix(datepicker): Indigo テーマでの elevation スタイルを更新しました (#16004)。
  • fix(h-grid): 子データに対して null チェックを追加しました (#15930)。
  • fix(pivotGrid): 列フォーマッターの引数が正しく設定されない問題を修正しました (#16012)。

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

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

新機能

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

不具合修正

  • fix(IgxGrid): 大規模なコレクションに対して spread 演算子を使用しないように修正しました (#15915)。
  • fix(igxHierarchicalGrid): rowIsland の変更時に既存の子グリッドを更新するよう修正しました (#15934)。
  • fix(igxGrid): スロットリング時にデフォルトのスケジューラーを使用するようにしました (#15884)。
  • fix(input-group): フォーカス時の背景色に正しい変数を使用するよう修正しました (#15909)。
  • fix(grid): グリッドのシャドウ表示を修正しました (#15990)。
  • fix(grid): 無効なセル アイコンが切り取られる問題を修正しました (#15991)。
  • fix(igxGrid): 展開可能なセルのスタイルを調整しました (#15890)。
  • fix(igxGrid): イベントで追加されたセルに対し、初期値に基づいて検証がトリガーされるようにしました (#15993)。
  • refactor(drop-down): 項目のアイコン サイズを調整しました (#15967)。
  • fix(igxGrid): トラック変更が文字列に解決され、サイズ変更も追跡するようにしました (#15889)。
  • fix(igxSplitter): ゾーンが安定してからペインのプロパティを割り当てるようにしました (#15888)。
  • fix(pivot-grid): 通貨形式の値を count 集計子で扱えるよう修正しました (#15894)。
  • fix(carousel-base): コンポーネント破棄時にアニメーションプレイヤーを null に設定するようにしました (#15980)。

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

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

新機能

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

不具合修正

  • refactor(input-group): プレースホルダーが削除された際のラベル位置を調整しました (#15933)。
  • fix(grid): 列アクションの入力フィールドに適用されていた負のマージンを削除しました (#15949)。
  • fix(combo): クリア ボタンの前景色および背景色のパラメーターを修正しました (#15944)。
  • fix(combo/select): suffix を動的に削除できるようにしました (#15956)。
  • fix(input-group): Bootstrap テーマにおける invalid/success 状態のシャドウを修正しました (#15959)。
  • fix(esf): ブラウザ環境下でのみ requestAnimationFrame を使用するようにしました (#15955)。
  • fix(pivot-grid): IgxPivotGridRow を最新の master ブランチに追加しました (#15893)。
  • fix(tooltip): SSR 環境に対応するため、document を inject 経由で使用するようにしました (#15951)。
  • fix(calendar): 週の開始日が月曜日の場合、ISO 8601 に準拠して週番号を計算するようにしました (#15964)。

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

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

新機能

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

不具合修正

  • fix(Toolbar): エクスポートのキャンセル時に進行状況インジケーターが非表示になるよう修正しました (#15923)。
  • fix(button): アクティブ状態で active-shadow プロパティが適用されない問題を修正しました (#15914)。
  • fix(combo): prefix/suffix ディレクティブが機能しない問題を修正しました (#15898)。
  • fix(combo): 大文字・小文字を区別するアイコンのスタイルを Web Components に合わせて調整しました (#15902)。
  • fix(input-group): 未使用の interim-bottom-line-color プロパティを削除しました (#15854)。
  • feat(igx-vhelper): スクロールバーのサイズ用に CSS カスタム プロパティを作成し、使用するようにしました (#15918)。
  • コンポーネント テーマを改善しました (#15729)。

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

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

新機能

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

不具合修正

  • fix(grids): 非表示の列がある場合にピン固定を解除した後の列の位置を修正しました (#15543)。

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

一般

  • Angular 20 の互換性 - Ignite UI for Angular は Angular 20 に対応しました。アプリをアップグレードして、最新の機能をご活用ください。
  • IgxActionStrip
    • 動作の変更 - Grid 外で Action Strip をスタンドアロンで使用する場合、コンポーネントは最初は表示されなくなり、hidden プロパティのデフォルトは true になります。
  • IgxChip
    • 動作の変更 - variant プロパティは、サポートされているオプションの文字列リテラルのみに厳密に型指定されるようになり、無効な値は受け付けなくなりました。初期状態を指定しない場合は、null や undefined を渡してください。

新機能

  • IgxGridIgxTreeGridIgxHierarchicalGridIgxPivotGrid
    • 新しい igxGridEmpty テンプレート ディレクティブを追加しました。これにより、emptyGridTemplate を他のグリッドテンプレートと同様に、参照を取得して割り当てることなく宣言的に設定できます。
      <igx-grid>
        <ng-template igxGridEmpty>
          <!-- content to show when the grid is empty -->
        </ng-template>
      </igx-grid>
      
    • 新しい igxGridLoading テンプレート ディレクティブを追加しました。これにより、loadingGridTemplate も参照の取得や割り当てをせずに、宣言的に設定できます。
      <igx-grid>
        <ng-template igxGridLoading>
          <!-- content to show when the grid is loading -->
        </ng-template>
      </igx-grid>
      

サンプル

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

Angular API

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

ナレッジベース

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

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

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