Angularjs路由在不同的文件

前端之家收集整理的这篇文章主要介绍了Angularjs路由在不同的文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我检查角路由。

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

我看到的示例具有在同一文件中定义的所有路由。如何在不同的文件/模块中定义不同的路由?

在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

在提到的应用程序中,您可以看到在多个文件中定义的路由,例如:

> https://github.com/angular-app/angular-app/blob/master/client/src/app/projectsinfo/projectsinfo.js
> https://github.com/angular-app/angular-app/blob/master/client/src/app/projects/projects.js

猜你在找的Angularjs相关文章