Benim AngularJS bazı özel HTML sözdizimi gibi: şablon içerir

<su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label>

Bir Direktif işlem için hazırladım:

.directive('suLabel', function() {
  return {
    restrict: 'E',
    replace: true,
    transclude: true,
    scope: {
      title: '@tooltip'
    },
    template: '<label><a href="#" rel="tooltip" title="{{title}}" data-placement="right" ng-transclude></a></label>',
    link: function(scope, element, attrs) {
      if (attrs.tooltip) {
        element.addClass('tooltip-title');
      }
    },
  }
})

Her şey gayet iyi çalışıyor, en özel attrs.tooltip ifade, her zaman döndürür undefined olsa tooltip özniteliği görünür Google Chrome JavaScript konsolu yapıyor console.log(attrs).

Herhangi bir öneri?

GÜNCELLEME: BİR çözüm Artem tarafından teklif edildi. Bunu yaparken ibaretti:

link: function(scope, element, attrs) {
  attrs.$observe('tooltip', function(value) {
    if (value) {
      element.addClass('tooltip-title');
    }
  });
}

= AngularJS stackoverflow mutluluk

Direktifin belgelerine Bölüm Attributes bkz.

aralıklı nitelikler gözlemleyerekKullanın : ilişkilendirme içeren öznitelik değeri değişiklikleri gözlemlemek için gözlem (örneğin src="{{bar}}"). $ Sadece bu çok verimli ama aynı zamanda tek yolu kolayca elde gerçek değerini çünkü bağlama evre sırasında bu filmlerde olmadı henüz değerlendirdi ve değeri de bu saati ayarlamak için tanımsız.