What's New: Ignite UI for Angular 24.1

新機能: Ignite UI for Angular 24.1

Ignite UIの最新リリースがリリースされ、Angularに多数の新機能とコンポーネントがもたらされます。アップデートの詳細を確認し、新機能をお試しください。

4min read

リリース時期を迎え、ここ数か月のIgnite UI for Angularの最新のアップデートにより、Web開発者のアプリ構築エクスペリエンスを効率化および改善するために設計された広範な新機能と拡張機能のセットを導入しました。

この継続的な更新は、ユーザーがデータを視覚化する方法の大幅な強化から、パフォーマンスの最適化、新しいコンポーネントなど、さまざまなものに及びます。しかし、主なハイライトは何でしょうか?それらすべてを調べてみましょう。

Version 17.1

変更履歴 17.1

パッケージツリーの揺れの改善

ツリーシェイキングは、未使用のコードを削除して最終的なバンドルサイズを最適化するのに役立つため、Angularコンポーネントライブラリにとって重要です。ツリーシェイクは、未使用のコードを排除することで、ブラウザがダウンロードして実行する必要があるJavaScriptの量を減らします。これにより、読み込み時間が短縮され、ユーザーエクスペリエンスが向上します。ここでは、強化されたパッケージツリーシェイキングの利点をいくつか紹介します。

  • パフォーマンスの向上
  • Efficient Resource Utilization
  • Simplified Codebase
  • Enhanced Security

New: Icon Button

​アイコンボタンのIgnite UI Angular指示は、どんなアイコンでも完全に機能するボタンに変えることを目的としています。igxIconButtonは3種類あります。平坦型、輪郭型、そしてデフォルトでコンテッド型です。

アイコン・ボタン・コンポーネントの例Angular

Version 17.2

Changelog 17.2

カレンダーの更新 – スタイルとテーマ

カレンダー Ignite UIルックアンドフィールが更新され、UX が向上し、顧客からのフィードバックに対応しました。ネイティブAngularコンポーネントとして開発されたIgnite UI for Angularカレンダーコンポーネントは、日付情報の表示、日付の有効化、またはカレンダー無効化日付モードの適用Angular簡単で直感的な方法を提供します。ユーザーは、単一選択、複数選択、範囲選択の3つの異なる選択モードから選択できます。

Example for Angular Calendar Component

Button improvements

Angular Buttonコンポーネントの例

外部アイコンセットのサポート

これで、Ignite UI for Angularコンポーネントで使用される一部またはすべてのアイコンを、非マテリアルアイコンセットに置き換えることができます。Ignite UI Icon Serviceを使用すると、開発者はカスタム SVG イメージを簡単に含めてIgxIconComponentで使用できます。さらに、特定のフォントファミリに従ってIgxIconComponentに適用されるカスタムクラスを関連付けるために使用できます。

Angularコンポーネントの非マテリアルアイコンの例

日付、日時、時刻エディタの形式の更新

Version 18.0

Changelog 18.0

Support of Angular 18

ピボットグリッドのヘッダーテンプレート

バージョン18.0.0ではIgnite UI for Angular行の寸法値ヘッダーはpivotUIoptionから有効化可能です。

ピボットグリッドをエクスポートするときにExcelに表示される行ディメンションのヘッダーを公開します

Deprecate of ‘displayDensity’ property

Version 18.1

Changelog 18.1

ピボットグリッドの水平方向の行ディメンションの拡張

ヘッダー、フォーカス、キーボード ナビゲーション、ピボット グリッド、行、ディメンション ヘッダー

ピボットグリッドのヘッダーテンプレートと水平方向の行ディメンション拡張の例:

Angular Pivot Grid コンポーネントの例

Grid Toolbar updates

グリッドツールバーコンポーネントの例Angular

Complete CHANGELOGS:

すべてを包み込むために...

互換性のためにシームレスに作成されたIgnite UI for Angularは、最新のテクノロジーとメジャー リリースの力を活用できるライブラリです。最高のAngular UIツールキットと関連する洞察を提供することに尽力し、私たちの目標は、より多くのノウハウ、新機能、パフォーマンスの向上、安定性の向上を提供することです。一部の拡張機能は、Ignite UI for Angular GitHubリポジトリを通じて、あなたのようなユーザーからのリクエストのおかげで追加されました。このことを念頭に置いて、私たちは常に提案やフィードバックを受け入れています - それは私たちを成長させ、あなたの開発ニーズによりよく対応します。

詳細については、以下をご覧ください。

さらに

​MediumでIgnite UI for Angularをフォローして、最新の情報を入手し、取り組んでいる最新のAngular関連プロジェクトについて学びましょう。GitHub でスターを付けて、問題セクションの懸念事項、質問、または機能リクエストに対処することで、製品を継続的に改善するのを手伝ってください。

Ignite UI for Angular

Angular Product Updates
デモを予約