Question

我正在查看角度路由。

http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

我看到的例子中所有路由都在同一个文件中定义。如何在不同的文件/模块中定义各种路由？

Answer 1

在AngularJS中，路由在配置块中定义。每个AngularJS模块都可以有多个配置块，您可以在每个配置块中定义路由。整个应用程序的最终路由是所有模块中定义的路由总和。

在实践中你可以这样做：

angular.module('myModule1', []).config(function($routeProvider){
  //define module-specific routes here
});

angular.module('myModule2', []).config(function($routeProvider){
  //define module-specific routes here
});

angular.module('myApp', ['myModule1', 'myModule2']).config(function($routeProvider){
  //define app-level routes here
});

关于文件拆分 - 我想这在很大程度上取决于你如何在文件中拆分AngularJS模块。我建议坚持单文件等于单模块原则。

您可以在angular-app中看到所有这些应用于更大规模的Web应用程序，努力为AngularJS编写的非平凡应用程序构建引用：

https://github.com/angular-app/angular-app

在上述应用中，您可以看到多个文件中定义的路线，例如：

Answer 2

您可以使用不同的文件制作Angular应用程序而不指定它们按照以下步骤

第1步：获取完整网址

.test:nth-of-type(2n+1) {
    clear: left;
}

第2步单独对文件名进行排序

var url = window.location.pathname;

第3步显示结果

var filename = url.substring(url.lastIndexOf('/')+1);

我在w3schools尝试过编辑器 http://www.w3schools.com/code/tryit.asp?filename=FDP3QTCP7V4E

Angularjs在不同文件中路由

2 个答案: