igxTabsにはバージョン10.2.0にてdisableAnimationプロパティが実装されました。このプロパティはタブコンテンツの変遷時のアニメーションを有効化/無効化します。デフォルト値はfalseで、アニメーションは有効化されています。

以下はアニメーションを無効化するサンプルコードです。

<igx-tabs [disableAnimation]="true">
  <igx-tabs-group label="Tab1" >
    Tab1
  </igx-tabs-group>
  <igx-tabs-group label="Tab2" >
    Tab2
  </igx-tabs-group>
  <igx-tabs-group label="Tab3" >
    Tab3
  </igx-tabs-group>
</igx-tabs>
リファレンス
  • 「Class IgxTabsComponent – disableanimationプロパティ」
    • https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxtabscomponent.html#disableanimation
Tagged:

製品について

Ignite UI for Angular