是否可以在不同模块的单个视图中显示两个模板？

Question

我在angularjs项目上工作。 该项目分为模块，每个模块都有自己的控制器和模板。

我需要在不同模块的单一视图中显示两个模板，是否可以实现？

Answer 1

是的，它是.. 你可以在那个html中为两个模板创建指令。

实施步骤： 1.在路线档案中：

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

1. 将此指令放在home.html中，您要加载两个不同的模板。 “header-page”和“bottom”

2. 为标题页和底部创建指令。

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

使用此功能您可以在一个页面上找到两个不同的模块文件。

Answer 2

是。很有可能实现这一点。

请查看以下教程。

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

希望它可以帮到你！

干杯