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

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

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

Ignite UI for Angularリリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーション担当の杉浦です。お待たせいたしました!Ignite UI for Angular 8.0.1 リリースのお知らせです!今回のリリースでは IgxDropDown で DisplayDensity がサポートされるようになりました。その他、不具合修正も含まれております。詳細は以下をご覧ください。


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

はじめに

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

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

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

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

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

全般

  • IE 用の Object ('core-js/es7/object') に ES7 polyfill をインポートする必要がなくなりました。

新機能

  • IgxDropDown で DisplayDensity がサポートされるようになりました。
    • [displayDensity] - @Input() が igx-drop-down ドロップダウンに追加されました。他の DisplayDensity プロバイダー (親コンポーネント、またはモジュールに含まれる DisplayDensityToken など) よりも優先されます。
    • コンポーネントは、 Angular の DI エンジンから表示密度を取得することもできます (DisplayDensityToken が低いレベルで提供されている場合)。
    • [displayDensity] を設定すると、コントロールのアイテムと入力の CSS プロパティ、特に高さ、パディング、フォント サイズに影響します。
    • 利用可能なディスプレイ密度はコンパクトで使いやすい密度になっています (デフォルト)。
    • 動作の変更 - デフォルトのアイテムの igx-drop-down-item の高さが 40px (以前は 48px) になりました 。
  • IgxCombo - [displayDensity] の設定はコンボのアイテムにも影響するようになりました。
    • [itemHeight] を設定すると、[displayDensity] 入力で指定された高さが上書きされる問題。
  • IgxSelect - Setting [displayDensity] は select の項目にも影響するようになりました。
  • IgxChip
    • hideBaseOnDrag 入力が追加され、ドラッグしている間、所定の位置にあるチップベースを表示できるようになりました。
    • チップがどこかにリリースされたときにチップを返すアニメーションを無効にできる animateOnRelease 入力が追加されました。
  • 行ドラッグがリリースされたときにアニメーション化する方法を追加。
  • DisplayDensity をサポートするために DropDown と Combo を拡張しました。

不具合修正

  • 固定された列があり、行編集が開いているときに Tab キーを押すと、エラーが返される問題 (4945)。
  • [igx-bottm-nav] IE のコンソール エラー (5088)。
  • スライダー モジュールに循環依存がある問題 (5075)。
  • [Igx-grid] 列を固定領域に移動させないようにする機能 (4504)。
  • [igx-bottm-nav] IE のコンソール エラー (5088)。
  • igxChip には、戻ってきたときにアニメーションを無効にする方法がない問題 (5008)。
  • [ng-add] Angular 8 プロジェクトにポリフィルを追加するとコンパイルエラーになる問題 (5136)。
  • [dragGhostHost] ヘッダー コンポーネントに正しく設定されない問題 (5137)。
  • [Shift] を押しながらクリックして範囲を選択すると、処理中に範囲が更新されない問題 (5135)。
  • [Igx-date-picker] カレンダーを開いている間、dev サンプルページが IE でちらつく問題 (5090)。
  • テーマがバージョン 8 の igx-css-vars で機能しない問題 (5152)。

サンプル

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

Angular API

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