Heim > Web-Frontend > js-Tutorial > Hauptteil

Einfacher Implementierungscode für JS-Routensprung

韦小宝
Freigeben: 2018-01-15 11:17:52
Original
1139 Leute haben es durchsucht

Dieser Artikel wird Ihnen eine einfache js-Routing--Sprungfunktion vorstellen. Dies ist ein einfacher js-Routensprung sei dir nützlich!

In der Verbindung unten gibt es komplexe Routing-Sprünge!

<!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>
Nach dem Login kopieren
Das Obige ist der einfache Implementierungscode des vom Herausgeber eingeführten JS-Routing-Sprungs. Ich hoffe, er wird für alle hilfreich sein! !

Verwandte Empfehlungen:

Detaillierte Erläuterung von Beispielen für die Mehrfachvererbung in JavaScript

Teilen besserer Lösungen zum Erleben von asynchronem JavaScript

Javascript entspricht dem in js kommentierten regulären Ausdruckscode

Das obige ist der detaillierte Inhalt vonEinfacher Implementierungscode für JS-Routensprung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage