EmberJS - Link do modelo como Inline Helper

Você pode usar o link para como um componente embutido, fornecendo o texto do link como o primeiro argumento para o auxiliar.

Sintaxe

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

Exemplo

O exemplo fornecido a seguir mostra o uso de link-to como um componente embutido, especificando o primeiro argumento para o auxiliar. Crie duas rotas com os nomes como informações e registro e abra o arquivo router.js para definir os mapeamentos 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 o arquivo application.hbs criado em app / templates / com o seguinte código -

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

Quando você clica no link "Frutas", a página deve abrir o arquivo info.hbs que contém o seguinte código -

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

Se você clicar no link Clique para registros , a página deve abrir o arquivo record.hbs que contém o seguinte código -

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

Resultado

Execute o servidor ember; você receberá a seguinte saída -

Quando você clica nas informações , ele exibe o texto abaixo do arquivo de modelo -

Ao clicar em Clique para registros , será exibido o texto abaixo do arquivo de modelo -