javascript - 角度ディレクティブを理解する

Question

私は Angular.JS バージョン 1.1.5 を使用しており、div の背景画像を変更するために、stackoverflow で見つけた次のコードを使用しています。

angular.module('app', [])
.directive('ng-background', function(){
  return function(scope, element, attrs){
    var url = attrs['ng-background'];
    element.css({
      'background-image': 'url(' + url +')',
      'background-size' : 'cover'
    });
  };
});

次に、私の HTML には、次の (jade テンプレート) があります。

html(ng-app)
  div(ng-controller='myCtrl')
    div.big-image(ng-background='{{flags.imgSrc}}')

ここで、flags.imgSrc が機能し、正しい画像 URL を返すことを考慮してくださいimg(ng-src='{{flags.imgSrc}}')。

これの問題は、まったく機能していないように見えることです。ディレクティブの中に a を入れようとしましたがconsole.log('test')、呼び出されていないようです。理由はありますか？前もって感謝します。