EmberJS - Enlaces

El componente {{link-to}} se puede utilizar para crear un vínculo a una ruta.

Sintaxis

{{#link-to route}}
   //code here
{{/link-to}}

La siguiente tabla enumera las propiedades de los enlaces:

S.No. Enlaces y descripción
1 Varios segmentos

Para varios segmentos, puede proporcionar un modelo o un identificador para cada segmento si la ruta está anidada.

2 Uso de Link-to como ayuda en línea

Utilice el vínculo a como un componente en línea proporcionando el texto del vínculo como el primer argumento para el asistente.

3 Agregar atributos adicionales en un enlace

Puede agregar los atributos adicionales en un enlace mientras lo crea.

4 Reemplazo de entradas del historial

Puede agregar entradas al historial del navegador mientras se mueve entre las rutas utilizando el ayudante de enlace .

Ejemplo

El siguiente ejemplo muestra cómo vincular a diferentes rutas. Cree una nueva ruta y nómbrela como nota y abra el archivo router.js para definir las asignaciones de URL:

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend ({
   location: config.locationType,
   rootURL: config.rootURL
});

Router.map(function() {
   this.route('note');
});

export default Router;

Abra el archivo application.hbs creado en app / templates / con el siguiente código:

{{#link-to 'note'}}Click Here{{/link-to}}
{{outlet}}

Al hacer clic en el enlace anterior, la página debería abrir el archivo note.hbs con el siguiente texto:

<h4>Welcome to TutorialsPoint</h4>
{{outlet}}

Salida

Ejecute el servidor ember y recibirá el siguiente resultado:

Al hacer clic en el enlace, se mostrará el texto del archivo de plantilla como en la siguiente captura de pantalla: