javascript - AngularJS指令渲染模板两次

Question

angular.module('lawgauge')
    .directive('mainheader', function () {
        return {
          restrict: 'A',
          templateUrl:'/angular/templates/header',
        };
});

该指令加载页面标题模板，但它会渲染两次。 我这样调用它:

<header class="nclear" mainheader ></header>

这是问题的屏幕截图:https://yadi.sk/i/0HEjsf1uhHYom 遇到这个问题我该怎么办？

Answer 1

我还没有找到按指令双重渲染模板的原因，但我使用 ng-include 而不是自定义指令修复了它:

<header class="nclear" ng-include src="'/angular/templates/header'" ></header>