title: ActivatedRoute Params Angular 6
body: <p>I am trying to obtain the data of each record through ActivatedRouted, I have managed to obtain the ID of each one but I can not get the other data. Any ideas?</p>
  
  <p>My stackblitz:
  <a href="https://stackblitz.com/edit/angular-activatedroute-params" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-activatedroute-params</a></p>
  
  <p><strong>services.ts</strong></p>
  
  <pre><code>getProductos() {
  
  this.productos = [
    {
      id: 'lomoFino',
      titulo: 'Lomo fino',
      descripcion: 'Es la pieza más fina de la res, de textura tierna.',
      recomendaciones: ['Guisos', 'Freir', 'Plancha'],
      ubicacion: 'Lomo',
    },
    {
      id: 'colitaCuadril',
      titulo: 'Colita de cuadril',
      descripcion: 'Es un corte triangular y ligeramente marmoleado.',
      recomendaciones: ['Guisos', 'Freir', 'Horno'],
      ubicacion: 'Trasera',
    },
    {
      id: 'asadoCuadrado',
      titulo: 'Asado cuadrado',
      descripcion: 'Corte fibroso, de sabor agradable.',
      recomendaciones: ['Guisos', 'Freir', 'Plancha'],
      ubicacion: 'Entrepierna',
    }
  ]
  
  return this.productos
  }
  </code></pre>
  
  <p>productos.component.ts</p>
  
  <pre><code>ngOnInit() {
    this.productos = this.ps.getProductos();
  }
  </code></pre>
  
  <p>productos.component.html</p>
  
  <pre><code>&lt;div *ngFor="let producto of productos"&gt;
    &lt;a [routerLink]="['/productos', producto.id]"&gt;{{ producto.titulo }}&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>producto-detalle.component.ts</p>
  
  <pre><code>constructor( private activatedRoute: ActivatedRoute ) { }
  
  ngOnInit() {
    this.id = this.activatedRoute.snapshot.paramMap.get('id')
    this.titulo = this.activatedRoute.snapshot.paramMap.get('titulo')
    this.descripcion = this.activatedRoute.snapshot.paramMap.get('descripcion')
  }
  </code></pre>
  
  <p>producto-detalle.component.html</p>
  
  <pre><code>ID: {{ id }}&lt;br&gt;
  Título: {{ titulo }}&lt;br&gt;
  Descripción: {{ descripcion }}&lt;br&gt;
  </code></pre>
  
  <p>How can I get <code>titulo</code> and<code>descripcion</code> for example.</p>