EmberJS - Enlace de plantilla como asistente en línea

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

Sintaxis

Click for {{#link-to 'link1'}}more info{{/link-to}},
info of {{link-to 'link text' 'link2'}}.

Ejemplo

El ejemplo que se da a continuación muestra el uso de link-to como un componente en línea especificando el primer argumento para el asistente. Cree dos rutas con los nombres como información y registre 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('info');
   this.route('record');
});

export default Router;

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

Click for the {{#link-to 'info'}}Fruits{{/link-to}} information, for the documentation 
{{link-to 'Click for records''record'}}
{{outlet}}

Al hacer clic en el enlace "Frutas", la página debería abrir el archivo info.hbs que contiene el siguiente código:

<p>Some Fruits</p>
<ul>
   <li>Orange</li>
   <li>Banana</li>
</ul>
{{outlet}}

Si hace clic en el enlace Hacer clic para registros , la página debería abrir el archivo record.hbs que contiene el siguiente código:

<p>Some Records</p>
<ul>
   <li>Orange.doc</li>
   <li>Banana.doc</li>
</ul>
{{outlet}}

Salida

Ejecute el servidor ember; recibirá el siguiente resultado:

Cuando haga clic en la información , se mostrará el texto a continuación del archivo de plantilla:

Cuando hace clic en Hacer clic para registros , se mostrará el texto a continuación del archivo de plantilla: