Atributos adicionais de modelo em um link

Você pode adicionar os atributos adicionais em um link com a ajuda do link para auxiliar.

Sintaxe

{{link-to 'link-text' 'route-name' class = "btn-primary"}}

Exemplo

O exemplo mostra como adicionar atributos adicionais em um link. Crie uma rota com o nome como info 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');
});

export default Router;

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

//Adding the additional attributes on a link as class = "btn btn-primary" 
{{link-to 'Click For Fruits List' 'info' class = "btn btn-primary"}}
{{outlet}}

Quando você clica no link "Click For Fruits List", 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}}

Resultado

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

Em seguida, clique em Click For Fruits List, ele exibirá o seguinte texto do arquivo de modelo -