Attributs supplémentaires du modèle sur un lien

Vous pouvez ajouter les attributs supplémentaires sur un lien à l'aide de l'assistant de lien vers .

Syntaxe

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

Exemple

L'exemple montre comment ajouter des attributs supplémentaires sur un lien. Créez une route avec le nom comme info et ouvrez le fichier router.js pour définir les mappages d'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;

Ouvrez le fichier fichier application.hbs créé sous app / templates / avec le code suivant -

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

Lorsque vous cliquez sur le lien "Click For Fruits List", la page doit ouvrir le fichier info.hbs qui contient le code suivant -

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

Production

Exécutez le serveur de braises; vous recevrez la sortie suivante -

Ensuite, cliquez sur la liste Click For Fruits , il affichera le texte suivant du fichier modèle -