是否可以在單個視圖中顯示來自不同模塊的兩個模板？

Question

我在angularjs項目上工作。 該項目分爲模塊，每個模塊都有自己的控制器和模板。

我需要在單個視圖中顯示來自不同模塊的兩個模板，是否可以實現？

Answer 1

是的。這是完全可能的。

請看下面的教程。

https://scotch.io/tutorials/angular-routing-using-ui-router

希望它可以幫助你！

乾杯

Answer 2

是的.. 您可以在HTML兩個模板創建指令。

步驟來實現： 1.在路由文件：

app.config(['$routeProvider', 
function ($routeProvider) { 
    $routeProvider 
      .when('/', { 
       templateUrl: "client/home/home.html", 
       controller: "IndexCtrl", 
       access: { 
        isloggedIn: false 
       } 
      }) 
}]); 

放在Home.html中要加載兩個不同的模板，這個指令。 「標題頁」和「底部」

爲標題頁和底部創建指令。

app.directive('headerPage', function() { 
return { 
    restrict: "A", 
    templateUrl: 'client/common/headerPage.html' 
};}); 

app.directive('bottom', function() { 
return { 
    restrict: "A", 
    templateUrl: 'client/bottom/bottom.html' 
};}); 

使用這個，你能找到一個單一的頁面上兩個不同的模塊文件。