EmberJS - Liens

Le composant {{link-to}} peut être utilisé pour créer un lien vers une route.

Syntaxe

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

Le tableau suivant répertorie les propriétés des liens -

S.No.	Liens et description
1	Plusieurs segments Pour plusieurs segments, vous pouvez fournir un modèle ou un identifiant pour chaque segment si l'itinéraire est imbriqué.
2	Utilisation de Link-to comme assistant en ligne Utilisez le lien vers comme composant en ligne en fournissant le texte du lien comme premier argument de l'assistant.
3	Ajout d'attributs supplémentaires sur un lien Vous pouvez ajouter les attributs supplémentaires sur un lien lors de sa création.
4	Remplacement des entrées d'historique Vous pouvez ajouter des entrées à l'historique du navigateur tout en vous déplaçant entre les itinéraires à l'aide de l' assistant de lien vers .

Exemple

L'exemple suivant montre comment créer un lien vers des itinéraires différents. Créez une nouvelle route et nommez-la comme note 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('note');
});

export default Router;

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

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

Lorsque vous cliquez sur le lien ci-dessus, la page doit ouvrir le fichier note.hbs avec le texte suivant -

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

Production

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

Lorsque vous cliquez sur le lien, il affichera le texte du fichier modèle comme dans la capture d'écran suivante -