EmberJS - Links

O componente {{link-to}} pode ser usado para criar um link para uma rota.

Sintaxe

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

A tabela a seguir lista as propriedades dos links -

S.No.	Links e descrição
1	Múltiplos Segmentos Para vários segmentos, você pode fornecer um modelo ou um identificador para cada segmento se a rota estiver aninhada.
2	Usando Link-to como um Inline Helper Use o link para como um componente embutido, fornecendo o texto do link como o primeiro argumento para o auxiliar.
3	Adicionando Atributos Adicionais em um Link Você pode adicionar atributos adicionais em um link ao criá-lo.
4	Substituindo entradas de histórico Você pode adicionar entradas ao histórico do navegador enquanto se move entre as rotas usando o auxiliar de link .

Exemplo

O exemplo a seguir mostra como vincular a uma rota diferente. Crie uma nova rota e nomeie-a como nota 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('note');
});

export default Router;

Abra o arquivo application.hbs criado em app / templates / com o seguinte código -

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

Quando você clica no link acima, a página deve abrir o arquivo note.hbs com o seguinte texto -

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

Resultado

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

Quando você clica no link, ele exibe o texto do arquivo de modelo como na imagem a seguir -