Question

我们有一个包含30多个不同页面的网站。

所有页面都有相同的页眉和页脚。

页眉和页脚每个都包含很多逻辑，并调用nodejs来获取数据。

我将如何在Angular中以智能方式执行此操作。现在有太多的复制/粘贴，我一次又一次地看到相同的代码。

我应该编写页眉/页脚控制器，然后在每个页面上调用它们吗？

或者有没有办法设置页眉/页脚一次，并保持所有页面的缓存（它们很少更改）？

Answer 1

您可以使用指令根据您提供的某些逻辑返回页脚或标题的特定模板。

示例代码

var app = angular.module('myApp', []);

app.directive('footer', function() {
    return {
      restrict: 'E',
      replace: true,
      templateUrl: function(){
        return '/app/templates/footer.html';
      }
    };
});

restrict用于定义指令类型，它可以是A（属性），C（类），E（元素）和M（coMment），我们假设指令的名称是Doc ：

Type :  Usage 
A = <div Doc></div> 
C = <div class="Doc"></div> 
E = <Doc> data="book_data"></Doc> 
M = <!--directive:Doc -->

为我的角度页面创建复杂的页眉和页脚

1 个答案: