Plantilla de atributos adicionales en un enlace

Puede agregar los atributos adicionales en un enlace con la ayuda del asistente de enlace .

Sintaxis

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

Ejemplo

El ejemplo muestra cómo agregar atributos adicionales en un enlace. Cree una ruta con el nombre como información 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');
});

export default Router;

Abra el archivo application.hbs creado en app / templates / con el siguiente 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}}

Al hacer clic en el enlace "Haga clic para ver la lista de frutas", la página debe abrir el archivo info.hbs que contiene el siguiente código:

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

Salida

Ejecute el servidor ember; recibirá el siguiente resultado:

A continuación, haga clic en Click For Fruits List, se mostrará el siguiente texto del archivo de plantilla: