3 Ruteo

Ruteo

Paso 1

1. Crear una ruta albums (en plural)
2. Cortar de application.hbs lo que está entre comentarios y pegar en albums.hbs

$ ember generate route albums

<!-- <albums-page> -->
  ...
<!-- </albums-page> -->

Paso 2

1. Crear una ruta album (en singular)
2. Copiar el template a app/templates/album.hbs
3. Editar router.js y cambiar la clave path de la nueva ruta a albums/tracks

$ ember generate route album

curl http://ng-music.s3-sa-east-1.amazonaws.com/templates/album.html -o app/templates/album.hbs

this.route('album', {
  path: 'albums/tracks'
});

Paso 3

1. Editar el template albums.hbs para agregar un link a album
2. Editar el template application.hbs para agregar un link a albums

{{#link-to "album"}}
  <img alt="Ramones" class="album" src="...">
{{/link-to}}

<li>
  {{#link-to "albums" class="..."}}
    <span>Albums</span>
  {{/link-to}}
</li>

Resumen

• El router mapea una dirección URL a una ruta
• Los objetos de tipo Ember.Route son singleton
• {{#link-to "route"}}...{{/link-to}}