EmberJS - Redirection

Il s'agit d'un mécanisme de redirection ou de transfert d'URL, qui rend une page Web disponible pour plusieurs adresses URL. Ember.js définit une méthode transitionTo () déplace l'application vers une autre route et se comporte comme un assistant de liaison .

Pour rediriger d'une route vers une autre route, définissez le hook beforeModel dans le gestionnaire de route.

Syntaxe

Ember.Route.extend ({
   beforeModel() {
      this.transitionTo('routeToName');
   }
});

Exemple

L'exemple ci-dessous décrit comment rediriger d'une route à une autre. Créez une nouvelle route et nommez-la comme avant le modèle et ouvrez le fichier router.js avec le code suivant pour définir les mappages d'URL -

import Ember from 'ember';                   
//Access to Ember.js library as variable Ember
import config from './config/environment';
//It provides access to app's configuration data as variable config 

//The const declares read only variable
const Router = Ember.Router.extend ({
   location: config.locationType,
   rootURL: config.rootURL
});

//Defines URL mappings that takes parameter as an object to create the routes
Router.map(function() {
   this.route('posts', function() {
      this.route('beforemodel');
   });
});

//It specifies Router variable available to other parts of the app
export default Router;

Ouvrez le fichier beforemodel.js créé sous app / routes / avec le code suivant -

import Ember from 'ember';

export default Ember.Route.extend ({
   beforeModel() {
      //open the beforemodel.hbs page to display the data
      this.transitionTo('beforemodel'); 
   }
});

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

<h2>Hello...Welcome to Tutorialspoint!!!</h2>
{{outlet}}

Production

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