ng-include不适用于脚本类型=“ text / ng-template”

在 快速 的答案可能是：

<div ng-include="'tempTest'"></div>

可能您只是忘记了引用模板的单引号。

在 漫长 的答案：

不建议您访问控制器内部的DOM，因为代码会被

$scope.$apply()

http://plnkr.co/UWUCqWuB9d1dn6Zwy3J3

var app = angular.module('plunker', ['ngAnimate']);app.directive('greeting', function($compile){  return {    restrict: 'E',    scope: {      name: '='    },    template: '<div>'+   '  <span>Hello {{name}}!</span>'+   '  <button ng-click="insert()">test</button>'+   '</div>',    link: function(scope, element, attrs) {       scope.insert = function() {         var container = angular.element('<div ng-include="'tempTest.html'"></div>');         element.before($compile(container)(scope));       }    }  }})app.controller('MainCtrl', function($scope) {  $scope.name = 'World';});<greeting name="name"></greeting>

模板元素已插入Hello World！每次单击按钮时为textnode。

旁注 您甚至不需要，

scope{ name:'='}