アクションが実行されたときに
発生するイベントです。IgxNavbar コンポーネントへの参照を引数として提供します。
public actionExc(event){
alert("Action Execute!");
}
//..
<igx-navbar (action)="actionExc($event)" title="Sample App" actionButtonIcon="menu">
IgxNavbarComponent のアイコンを設定します。
<igx-navbar [title]="currentView" actionButtonIcon="arrow_back"></igx-navbar>
id 属性の値を設定します。
提供されていない場合は、自動的に生成されます。```html
<igx-navbar [id]="'igx-navbar-12'" title="Sample App" actionButtonIcon="menu">
IgxNavbarComponent のタイトルを設定します。
<igx-navbar title="Sample App" actionButtonIcon="menu">
IgxNavbarComponent の titleId を設定します。設定されていない場合、自動的に生成されます。
<igx-navbar [titleId]="'igx-navbar-7'" title="Sample App" actionButtonIcon="menu">
IgxNavbarComponent のアクション ボタンが表示されるかどうか (true/false) を返します。
@ViewChild("MyChild")
public navBar: IgxNavbarComponent;
ngAfterViewInit(){
let actionButtonVisibile = this.navBar.isActionButtonVisible;
}
IgxNavbarComponent のアクション ボタンが表示されるかどうかを設定します。
<igx-navbar [title]="currentView" [isActionButtonVisible]="'false'"></igx-navbar>
Ignite UI for Angular Navbar - ヘルプ
Ignite UI Navbar は、ハンバーガー メニュー、ナビゲーション状態、「戻る」ボタンなどを含むアプリケーション ヘッダーを提供するために使用されます。アイコンとして表示されるその他のアクションもサポートします。
例: