Modèle remplaçant les entrées d'historique

Vous pouvez ajouter des entrées à l'historique du navigateur tout en vous déplaçant entre les routes à l'aide de l' assistant de lien vers et remplacer l'entrée actuelle à l'aide de l' option replace = true .

Syntaxe

{{#link-to 'link-text' 'route-name' replace = true}}
   //text here
{{/link-to}}

Exemple

L'exemple montre comment remplacer l'entrée actuelle dans l'historique du navigateur. 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 -

//put the replace = true option to replace the browser history entries
{{link-to 'Click For Fruits List' 'info' replace = true}}
{{outlet}}

Lorsque vous cliquez sur le lien «Cliquez pour la liste des fruits», la page doit ouvrir le fichier info.hbs , qui contient le code suivant -

<ul>
   <li>Orange</li>
   <li>Banana</li>
</ul>
{{outlet}}

Production

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

Lorsque vous cliquez sur Click For Fruits List , il affichera le texte suivant du fichier modèle -