node package manager

@aabegg/ap-submenu

Installation

npm install @aabegg/ap-submenu

Benutzung

Das ApSubmenuModule muss im gewünschten Modul (z.B. AppModule) eingebunden werden.

import { NgModule } from '@angular/core';
import { ApSubmenuModule } from '@aabegg/ap-submenu';
 
@NgModule({
  declarations: [],
  imports: [
    ApSubmenuModule
  ],
  providers: []
})
export class AppModule { }

Danach kann der Komponent <ap-submenu></ap-submenu> im Template verwendet werden. Er ist für die hauptsächlich für die verwendung in einer md-nav-list konzipiert, müsste aber auch ausserhalb verwendet werden können.

Beispiel:

<md-nav-list>
  <md-list-item class="title">
    <div class="hide-smallnav-close">sample</div>
  </md-list-item>
  <a md-list-item routerLinkActive="is-active" routerLink="start">
    <div class="menu-label hide-smallnav-close">Home</div>
    <md-icon class="menu-icon">home</md-icon>
  </a>
  
  <ap-submenu label="Demolabel" menu-icon="web">
  
    <a md-list-item routerLinkActive="is-active" routerLink="demo/link">
      <div class="menu-label hide-smallnav-close">Demo</div>
    </a>
    <a md-list-item routerLinkActive="is-active" routerLink="demo/link2">
      <div class="menu-label hide-smallnav-close">Demo2</div>
    </a>
  
  </ap-submenu>
  
</md-nav-list>
Parameter

Es können folgende Parameter übergeben werden:

  • label (Dies wird als Label verwendet für den übergeordneten Menüpunkt)
  • menu-icon (Dies wird als Menü-icon verwendet für den übergeordneten Menüpunkt)

Versionen

1.0.0

  • Initiale Version