Maison > Article > interface Web > Un moyen simple de rediriger les routes JS

Un moyen simple de rediriger les routes JS

小云云original: 2018-02-07 11:48:521989parcourir

Il existe de nombreuses façons d'implémenter la fonction de saut de route JS. Cet article partage principalement avec vous une simple fonction de saut de route js. C'est très bien. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela aide tout le monde.

Il y a un saut de routage complexe dans la connexion suivante

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="angular1.4.6.min.js"></script>
  <script src="angular-route.js"></script>
</head>
<body ng-app="MyApp" >
<a href="#/" rel="external nofollow" >CHINA</a><br/>
<a href="#/1" rel="external nofollow" >CHINA1</a><br/>
<a href="#/2" rel="external nofollow" >CHINA2</a><br/>
<a href="#/3" rel="external nofollow" >CHINA3</a><br/>
<p ng-view>
11111
</p>
<script>
  var app = angular.module("MyApp", ["ngRoute"]);
  app.config(function ( $routeProvider) {
    $routeProvider
      .when("/", {template: "<h1>123</h1>"})
      .when("/1", {template: "<h1>111</h1>"})
      .when("/2", {template: "<h1>222</h1>"})
      .when("/3", {template: "<h1>333</h1>"});
  });
</script>
</body>
</html>

Recommandations associées :

La fonction permettant de juger si l'utilisateur est connecté lors du routage de vue sauts

Comment implémenter le saut de route h5

Un exemple de tutoriel résumant les problèmes de saut de route Vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée du code d'utilisation de $timeout dans AngularJSArticle suivant：Explication détaillée du code d'utilisation de $timeout dans AngularJS

Articles Liés

Voir plus