angularjs - $http 経由で挿入された HTML テンプレート内にディレクティブを配置すると、ディレクティブが表示されなくなったのはなぜですか?

Question

「シェル」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>