Class IgxNavbarComponent

Ignite UI for Angular Navbar - ヘルプ

Ignite UI Navbar は、ハンバーガー メニュー、ナビゲーション状態、「戻る」ボタンなどを含むアプリケーション ヘッダーを提供するために使用されます。アイコンとして表示されるその他のアクションもサポートします。

例:

<igx-navbar title="Sample App" actionButtonIcon="menu">
<igx-icon>search</igx-icon>
<igx-icon>favorite</igx-icon>
<igx-icon>more_vert</igx-icon>
</igx-navbar>

コンストラクター

プロパティ

action: EventEmitter<IgxNavbarComponent> = ...

アクションが実行されたときに 発生するイベントです。IgxNavbar コンポーネントへの参照を引数として提供します。

public actionExc(event){
alert("Action Execute!");
}
//..
<igx-navbar (action)="actionExc($event)" title="Sample App" actionButtonIcon="menu">
actionButtonIcon: string

Input

IgxNavbarComponent のアイコンを設定する @Input プロパティです。

<igx-navbar [title]="currentView" actionButtonIcon="arrow_back"></igx-navbar>
id: string = ...

Input

id 属性の値を設定する @Input プロパティです。提供されていない場合は、自動的に生成されます。

<igx-navbar [id]="'igx-navbar-12'" title="Sample App" actionButtonIcon="menu">
title: string

Input

IgxNavbarComponent のタイトルを設定する @Input プロパティです。

<igx-navbar title="Sample App" actionButtonIcon="menu">
titleId: string = ...

Input

IgxNavbarComponent の titleId を設定する @Input プロパティです。設定されていない場合、自動的に生成されます。

<igx-navbar [titleId]="'igx-navbar-7'" title="Sample App" actionButtonIcon="menu">

アクセサー

  • get isActionButtonVisible(): boolean
  • IgxNavbarComponent のアクション ボタンが表示されるかどうか (true/false) を返します。

     @ViewChild("MyChild")
    public navBar: IgxNavbarComponent;
    ngAfterViewInit(){
    let actionButtonVisibile = this.navBar.isActionButtonVisible;
    }

    返却 boolean

  • set isActionButtonVisible(value): void
  • IgxNavbarComponent のアクション ボタンが表示されるかどうかを設定します。

    <igx-navbar [title]="currentView" [isActionButtonVisible]="'false'"></igx-navbar>
    

    パラメーター

    • value: boolean

    返却 void