AngularJS 指令两次渲染模板答案

【问题标题】：AngularJS directive renders template twiceAngularJS 指令两次渲染模板
【发布时间】：2015-06-16 14:20:00
【问题描述】：

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

该指令加载页眉模板，但它会呈现两次。我这样称呼它：

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

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

【问题讨论】：

模板文件是什么样子的？
您是否有机会在另一个位置定义了您的指令两次？
它只是一个 html，无论文件包含什么 - 它无论如何都会呈现两次。
我在我的项目中搜索，没有更多的定义
如果我在“alert('hi')”之类的模板中放入任何 javascript - 它会触发一次，但 html 会呈现两次

标签： javascript angularjs angularjs-directive

【解决方案1】：

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

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

【讨论】：