AngularJs Direktiflerini yapay bir Öğeye uygulamak için kullanabilir miyim?

Question

Umarım burada açık bir şey eksik değilim ama Angular öğrenmeye çalışıyorum ve bir yönerge oluşturmaya çalışırken bir soruna girdim.

Bir veri özniteliğinden ('arka plan görüntüsü') gelen URL'yi alacak ve sözde bir öğeye arka plan görüntüsü olarak uygulayacak bir Yönerge oluşturmaya çalışıyorum, ancak nasıl yapılacağını bulmakta zorlanıyorum :: öğesinden önce veya açısal bir öğeyi değiştirebilse bile. İşte

ben kurmaya çalışıyorum direktif geçerli: http://cdpn.io/cqvGH

Ben div.item arka planın uygulanacağı alabilirsiniz ama hiçbir sevinç önce :: hedef çalıştıklarında.

angular.module('testApp', [ 
]) 

angular.module('testApp') 
    .directive('backgroundImage', function(){ 
    return function(scope, element, attrs){ 
     restrict: 'A', 
     attrs.$observe('backgroundImage', function(value) { 
     // If I remove ::before it will apply image background to .item correctly. 
     element::before.css({ 
       'background-image': 'url(' + value +')' 
      }); 
     }); 
    }; 
}); 

Answer 1

Bu zor ama mümkündür: Burada

direktifi kodudur. Burada Çalışma

var style = "<style>.item:before{background-image:url("+value+")}</style>" 
angular.element("head").append(style); 

: Böyle bir şey deneyin http://codepen.io/anon/pen/Difrt