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

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

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

Ignite UI for Angularリリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーション担当の杉浦です。Ignite UI for Angular 8.1.0 リリースのお知らせです!本リリースでは、多数の新機能、そして不具合修正が含まれます。詳細は以下をご覧ください。


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

はじめに

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

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

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

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

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

新機能・拡張機能

  • IgxBottomNav で igx-tab 宣言モードのサポート。このモードではパネルの宣言は許可されず、タブ項目のコンテンツはレンダリングされません。
    • このモードを使用して、タブ項目にディレクティブを適用することができます。たとえば、ルーティング ナビゲーションを実現するために使用できます。
    • ラベル、アイコン、更にはテンプレートを使ってタブ項目をカスタマイズすることができます。
  • IgxTabs は、igx-tab -item 宣言モードのサポート。このモードではグループの宣言は許可、タブ項目のコンテンツはレンダリングされません。
      • このモードを使用して、タブ項目にディレクティブを適用することができます。たとえば、ルーティング ナビゲーションを実現するために使用できます。
      • ラベル、アイコンさらにはテンプレートを使ってタブ項目をカスタマイズすることができます。
  • IgxGrid
    • 動作変更 - ページングのページサイズにグループ行が含まれるようになりました。GroupBy の仕様 (英語) にこの変更についての詳細情報があります。
    • IgxColumnGroup
      • headerTemplate 入力プロパティまたは igxHeader ディレクティブを使用して列グループヘッダーを再テンプレート化することが可能になりました。
    • igx-grid-footer
        • グリッドにカスタム フッターを挿入できます。

      f:id:Loc_IG:20190725110153p:plain

  • igx-paginator
    • すべてのグリッドの現在のページ番号を置き換えます。スタンドアロン コンポーネントとして使用できます。
  • IgxCombo
    • Input [overlaySettings] - OverlaySettings 型のオブジェクトを渡すことができます。これらのカスタム オーバーレイ設定は、ドロップダウン リストの表示方法を制御します。
  • IgxForOf は、現在反復されている要素を区別するために、偶数、奇数、最初と最後のローカル変数を使用できるようになりました。

    不具合修正

    • [Data] 入力が変更されても Hierarchical Grid で子が更新されない問題 (5102)。
    • コンボ コンポーネントのすべてのチェックボックスに適用された無効なクラスがある問題 (5366)。
    • デフォルト テーマでピン留めされた列によって集計が見えなくなる問題 (5361)。
    • [igxCombo] - コンボのデフォルトの [AddItem] ボタンにリップルが 2 つある問題 (5412)。
    • ナビゲーション ドロワーに角丸が適用されている問題 (5418)。
    • [rowEditing] IgxTreeGrid 行編集オーバーレイボタンを正しくテンプレート化できない問題 (5431)。
    • PrimaryKey を更新して Tab キーを 2 回押すと、行がコミットされる問題 (5020)。

    サンプル

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

    Angular API

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