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

Question

我有一个指令在放入我的“shell”html模板时有效。我还有各种模板“部分”，它们通过$http插入到shell模板中。但是，当我将我的指令放在$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>