@aabegg/ap-submenu 中文文档教程

Question

Installation

npm install @aabegg/ap-submenu

---

Benutzung

Das ApSubmenuModule muss im gewünschten Modul (zB 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 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。

示例：

<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