Navigation Drawer が閉じたときに発生するイベントです。

<igx-nav-drawer (closed)='onClosed()'></igx-nav-drawer>
Copy

Navigation Drawer が閉じるときに発生するイベントです。

<igx-nav-drawer (closing)='onClosing()'></igx-nav-drawer>
Copy

ドロワーを切り替えるときにアニメーションを有効または無効にします。デフォルトで false に設定されます。

<igx-nav-drawer [disableAnimation]="true"></igx-nav-drawer>
Copy

ドロワーを利用するために、端からスワイプ/パンニングして開く、スワイプ切り替え、およびパンニング ドラッグなどのタッチ ジェスチャの使用を有効にします。

// get
let gesturesEnabled = this.navdrawer.enableGestures;
Copy

<!--set-->
<igx-nav-drawer [enableGestures]='true'></igx-nav-drawer>
Copy

コンポーネントの ID

// get
let myNavDrawerId = this.navdrawer.id;
Copy

<!--set-->
 <igx-nav-drawer id='navdrawer'></igx-nav-drawer>
Copy

mini 状態でドロアーの幅。デフォルト値は 68px です。

// get
let navDrawerMiniWidth = this.navdrawer.miniWidth;
Copy

<!--set-->
<igx-nav-drawer [miniWidth]="'34px'"></igx-nav-drawer>
Copy

Navigation Drawer が開いたときに発生するイベントです。

<igx-nav-drawer (opened)='onOpened()'></igx-nav-drawer>
Copy

Navigation Drawer が開くときに発生するイベントです。

 <igx-nav-drawer (opening)='onOpening()'></igx-nav-drawer>
Copy

ピン固定される場合、ドロワーをコンテンツ上に配置する代わりに相対的な位置が設定されます。 追加のレイアウト スタイルが必要になる場合があります。

// get
let navDrawerIsPinned = this.navdrawer.pin;
Copy

<!--set-->
<igx-nav-drawer [pin]='false'></igx-nav-drawer>
Copy

双方向バインディングのためのピン固定状態変更の出力。

<igx-nav-drawer [(pin)]='isPinned'></igx-nav-drawer>
Copy

自動ピン固定を切り替えるためのデバイスの最小幅。 デフォルト値は 1024 です。この動作を無効にするには false 値に設定します。

// get
let navDrawerPinThreshold = this.navdrawer.pinThreshold;
Copy

<!--set-->
<igx-nav-drawer [pinThreshold]='1024'></igx-nav-drawer>
Copy

Navigation Drawer の位置。"left" (デフォルト値) または "right" です。

// get
let myNavDrawerPosition = this.navdrawer.position;
Copy

<!--set-->
<igx-nav-drawer [position]="'left'"></igx-nav-drawer>
Copy