File

src/app/shared/components/submenu/submenu.component.ts

Implements

OnInit

Metadata

selector color-submenu
templateUrl ./submenu.component.html

Inputs

component

Constructor

constructor(router: Router)

Methods

ngOnInit
ngOnInit()
Returns: void
navigateTo
navigateTo(route: any)

Navegacion programática

Parameters :
  • route
Returns: void

Properties

Public routesTo
routesTo: any[]
import { Router } from '@angular/router';
import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'color-submenu',
  templateUrl: './submenu.component.html'
})
export class SubmenuComponent implements OnInit {
 @Input() component;

 public routesTo: Array<any> = [];

  constructor(private router: Router ) { }

  ngOnInit() {
    this.routesTo = [
        {path: '/red', color: 'red'},
        {path: '/blue', color: 'blue'},
        {path: '/green', color: 'green'}
   ];
}

  /**
  * Navegacion programática
  * @param {any} route
  * @memberOf RedComponent
  */
  navigateTo (route) {
    this.router.navigate([route, this.component]);
  }

}
<i *ngFor='let item of routesTo' (click)="navigateTo(item.path)" class="material-icons md-small {{item.color}}">format_color_fill</i>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""