Angularjs在不同文件中路由

标签 angularjs routing angular-routing

我正在检查 Angular 路由。

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

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

最佳答案

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

在实践中,您可以这样做:

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在不同文件中路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16260602/

    相关文章:

    javascript - 为什么测试失败而浏览器不测试 AngularJS 应用程序?

    css - ionic 菜单抽屉 - 如何禁用特定 Controller /状态

    javascript - 如何从数组中删除特定类型的每个对象

    javascript - AngularJS 使用 ng-repeat 过滤和显示日期范围

    php - Laravel 5.2 一组路由中的变量

    angular - 类型错误 : Invalid Event Target - But just by using direct Route

    php - Symfony2 : Where/how I can trigger my own annotation-reader?

    node.js - 向 node express 添加新路由

    Angular router - 当辅助路由也打开时,isActive() 是否应该识别主路由?

    angular - 在 Angular 中保存/恢复路由器状态