File
Metadata
selector |
ab-drupal-menu |
template |
<ul *ngIf="menu.length" [ngClass]="listClass">
<li *ngFor="let item of menu | orderBy:['link.weight','link.title'] | reverse" class="nav-item">
<a (click)="onMenuClick(item)" class="nav-link">
{{ item.link.title }}
<!--{{ item.link.weight }}-{{ item.link.title }}-->
</a>
</li>
</ul>
|
menu
|
Type: any
Default value: []
|
|
Methods
onMenuClick
|
onMenuClick(item: )
|
|
|
import {Component, Input, Output, EventEmitter} from '@angular/core';
@Component({
selector: 'ab-drupal-menu',
template: `
<ul *ngIf="menu.length" [ngClass]="listClass">
<li *ngFor="let item of menu | orderBy:['link.weight','link.title'] | reverse" class="nav-item">
<a (click)="onMenuClick(item)" class="nav-link">
{{ item.link.title }}
<!--{{ item.link.weight }}-{{ item.link.title }}-->
</a>
</li>
</ul> `
})
export class DrupalMenuComponent {
@Input() menu: any = [];
@Input() listClass: string;
@Output() select = new EventEmitter();
constructor() { }
onMenuClick(item) {
this.select.emit(item);
}
}
Legend
Html element with directive