我們可以在單個角度項目中創建兩個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: '/' 
      }) 
    }]);