/Javascript/AngularJS/Parametro angulara con ruta y recarga de componente

Parametro angulara con ruta y recarga de componente

import { Component, OnInit, ElementRef, Renderer } from '@angular/core';
import { Router, ActivatedRoute, Params } from '@angular/router';
import { productModel } from '../_models/index';
import { categoryListService } from '../_services/index';

@Component({
  selector: 'app-product',
  templateUrl: 'product.component.html',
  styleUrls: ['product.component.css']
})
export class productComponent implements OnInit {
  uidproduct: productModel;
  param: number;
  constructor(
    private elementRef: ElementRef,
    private route: ActivatedRoute,
    private router: Router,
    private categoryListService: categoryListService) { }

  ngOnInit() {
    this.route.params.subscribe(product => {
      console.log('logging sub product obj', product);
    });
    this.uidproduct = JSON.parse(sessionStorage.getItem('product'));
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "http://this/external/script/needs/to/be/loaded/each/time.js";
    this.elementRef.nativeElement.appendChild(s);
  }
  nextproduct(){ 
    let i = this.uidproduct.order;
    this.categoryListService.findNextproduct(this.uidproduct);
    this.param = ++i;
    this.router.navigate([`/product/${this.param}`]);
  }
}

Source: it-swarm-es.com

Similar codes

0 vote285 views1 answer
Angular remove index of array
Javascript AngularJS
0 vote231 views1 answer
Tab key event in angular
Javascript AngularJS
21 votes305 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
28 votes331 views6 answers
Angular routing example
Javascript AngularJS
0 vote240 views4 answers
Angular file upload app with django
Javascript AngularJS
0 vote261 views1 answer
Serviceworker in angular
Javascript AngularJS
0 vote259 views1 answer
Operador ternario angular click
Javascript AngularJS
0 vote253 views1 answer
Pattern validator angular
Javascript AngularJS
1 vote244 views1 answer
Angular adding delay
Javascript AngularJS
9 votes243 views2 answers
Material icons angular
Javascript AngularJS