angularjs - 为什么我的指令在放置在通过 $http 插入的 HTML 模板中时不再显示？

Question

我有一个指令，当放置在我的“shell”html 模板中时该指令有效。我还有各种模板“部分”，它们通过$http. 但是，当我将指令放在任何$http抓取的部分模板中时，该指令将不再起作用。为什么？我缺少关于范围的东西吗？

AngularJS：

.directive( 'button', function () {
return {
restrict: 'A',
scope: true,
templateUrl: 'button.html',
link: function ( scope, element, attrs ) {
  scope.button_title = attrs.button;
} 
};
});

HTML：

<div button="My Button"></div>