我们可以在单个角度项目中创建两个router.js文件吗？

Question

我在呈现视图时在我的Angular UI路由项目中遇到了一些情况。我必须制作两个router.js文件。是否有可能在同一个项目中有两个router.js文件。这样做有什么缺点？

Answer 1

是的，你可以有多个路由文件，但它取决于需要。您可以为每个模块

Answer 2

单独的路由文件可以创建多个路径文件，并在声明它们app.js

创建文件route1.js和route2.js（三层目录），并在app.js将它们添加如下：

var routes1 = require('./routes/routes1'); 
var routes2 = require('./routes/routes2'); 

定义路线：

app.use('/one',routes1); 
app.use('/two',routes2); 

现在http://something.com/one/myroutename类型的API调用将被重定向到route1.js和http://something.com/two/myroutename将被重定向到route2.js

Answer 3

是的，你可以。这是我通常做的。每个组件/视图都有单独的路由文件。请记住将这些添加到您的index.html。

app.js

angular.module('App', ['App.Configs']); 
angular.module('App.Configs', []); 

routeOne.route.js

angular.module('App.Configs') 
    .config(['$routeProvider', 
     function ($routeProvider) { 

      $routeProvider 
      .when('/routeOne', { 
       template: '<route-one></reoute-one>', 
       caseInsensitiveMatch: true, 
      }) 
      .otherwise({ 
       redirectTo: '/' 
      }) 
    }]); 

routeTwo.route.js

angular.module('App.Configs') 
    .config(['$routeProvider', 
     function ($routeProvider) { 

      $routeProvider 
      .when('/routeTwo', { 
       template: '<route-two></reoute-two>', 
       caseInsensitiveMatch: true, 
      }) 
      .otherwise({ 
       redirectTo: '/' 
      }) 
    }]);