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

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

Ignite UI for Angular 7.1.2リリースノート日本語訳

Ignite UI for Angular

インフラジスティックス・ジャパン株式会社、製品担当の池原です。この間、やっと7.1.1のリリースノートを日本語に訳したのですが、先週末にIgnite UI for Angular 7.1.2が出ちゃってました。いやあ...大変だ。

はじめに

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

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

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

今回は、7.1.1のマイナーアップデート版です。

Ignite UI for Angular 7.1.2リリースノート日本語訳

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

機能追加

  • igx-circular-barおよびigx-linear-barにindeterminateプロパティを追加。このプロパティの値がtrueの場合、プログレスバーにおいて値が増減し、処理が進行中であることを表現可能となった。(これまでは、進捗率の数値が表示されていた)
  • igxTimePickerComponentにおいて現在提供されているダイアログからの値選択に加え、modeプロパティでdropdownを指定することで、マスクに従い、編集できるようになった。
  • IgxColumnComponentにおいて下記に列挙されるtemplateをマークアップで指定できるようになった。結果、1つのテンプレートを複数のテンプレートに提供する場合に必要なコード量を削減できるようになった。
    • cellTemplate - セルテンプレート
    • headerTemplate - 列ヘッダテンプレート
    • cellEditorTemplate - セル編集時のテンプレート
    •   <!-- Example -->
      
        <igx-grid ...>
            <igx-column *ngFor="let each of defs" [cellTemplate]="newTemplate" ...></igx-column>
        </igx-grid>
      
        <ng-template #newTemplate let-value>
            {{ value }}
        </ng-template>

不具合修正

  • トランザクション機能が有効となっている際に、行を削除すると最初のページに戻ってしまう問題 (3425)
  • トランザクションをコミットした際に行セレクタヘッダが更新されない問題 (3424)
  • 列がソートされている状態でセルの値を変更しコミットした後、セルを選択したままEnterキーを押下してもセルの編集用エディターにフォーカスが移動しない問題 (2801)
  • フィルタUIを閉じた際にUIが左にずれてしまう問題 (3451)
  • GroupedRecordsクラスがドキュメント生成時に表示されてしまう問題 (3483)
  • 日本語ドキュメントにおいてテーブルが崩れている問題 (3484)
  • 列幅をパーセント指定している際に、一部の列の幅指定をしていない場合、列が表示領域からはみ出てしまう問題 (1245)
  • 機能リクエストへの対応: グリッドレベルでlocaleを設定 (3455)
  • エクスポートされたExcelファイルが開けない問題 (3332)
  • 日本語API ドキュメントのヘッダーの一部が英語製品ページにリンクされている問題 (3516)
  • IgxGridHeaderGroupComponentが最小であるべき幅よりも小さくなってしまう問題 (3071)
  • snackbarへのカスタムSVG設定機能の追加 (3328)
  • 機能リクエストへの対応: Date Picker、Time Pickerにおいて値をテキスト入力を可能にする (2337)
  • 集計行におけるキーボードナビゲーションの問題 (3407)
  • IgxRippleにおいてanimate()がSafariでサポートされない問題 (3506)
  • Typedocにおけるリンク切れの問題 (3531)
  • IE11においてresourceString.igx_grid_filter_row_placeholderが日本語文字で定義されている場合、フィルタの入力内容が特定の操作でクリアされてしまう問題 (3504)
  • 必須入力となっているIgxInputの値を直接入力以外で設定した場合、無効な入力を表すスタイルがクリアされない問題 (3550)
  • igx-columnのテンプレートをHTML側で設定できるように@input()に追加 (3562)
  • 列の幅がパーセントで指定されている場合、水平スクロールバーが表示されない問題 (3513)
  • 日付フィルタにおいて日付を選択した際に、入力フィールドにその値が表示されない問題 (3362)
  • 英語以外の言語指定の環境において、既定のロケールが設定されていない問題 (3569)
  • igx-action-iconがIgxNavbarと位置がそろっていない問題 (3584)
  • IE11においてigx-gridのフィルタ条件入力ボックスに日本語で条件を入力すると条件値が正しく反映されず、前の値に戻ってしまう問題 (3577)
  • TreeGridで集計機能を有効化時にデータ行の展開/縮小を繰り返すと表示領域に空白が表示される問題 (3409)
  • Edgeにおいて日本語でフィルタ行に条件を入力した場合、作成されるべきChipが作成されない問題 (3599)
  • APIドキュメント (sassdoc, typedoc)の配備時特定の条件を適用するためにPowerShellスクリプトを追加 (3618)
  • igx-tabs-group内にigx-gridを配置したさい、IE11で正しく表示されない問題 (3047)
  • 検索実行後に編集モードに入った場合、セルの内容が2度表示される問題 (3637)
  • ng add コマンド使用時の動作を改善 (3528)

最新パッケージの取得方法

Ignite UI for Angularはnpmパッケージとして公開されています。いずれかの方法で最新版を取得できます。

  • ng addコマンドを使ってAngularアプリに組み込む

  • npmを使ってAngularアプリに組み込む

  • Ignite UI CLIを使ってAngularアプリに組み込む

     

サンプルへのアクセス

Ignite UI for Angularを初めて使う、というかたはぜひこちらから