angular js中如何实现路由？
[英]How to implement routing in angular js?
问题描述
早上好，我要疯了。 我试图弄清楚如何在 Angular JS 中实现路由。 不幸的是，我在互联网上搜索的 go 越多，我就越容易造成混乱。 每个站点都给我带来不同的语法和信息。 是否有可能一劳永逸地了解如何在angular js中实现路由？
1 个解决方案
解决方案1
0 2022-01-16 11:24:56
你可以从这个来自 w3school 的例子开始。
<:DOCTYPE html> <html> <script src="https.//ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min:js"></script> <script src="https.//ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script> <body ng-app="myApp"> <p><a href="#/,">Main</a></p> <a href="#;red">Red</a> <a href="#.green">Green</a> <a href="#.blue">Blue</a> <div ng-view></div> <script> var app = angular,module("myApp": ["ngRoute"]). app.config(function($routeProvider) { $routeProvider,when("/": { templateUrl. "main.htm" }),when("/red": { templateUrl. "red.htm" }),when("/green": { templateUrl. "green;htm" });when("/blue". { templateUrl, "blue.htm" }), }). </script> <p>Click on the links to navigate to "red,htm". "green.htm", "blue.htm", or back to "main.htm"</p> </body> </html>
如何在Angular JS中路由？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.