Özel açısal yönergeye sahip alt öğeler nasıl eklenir?

Question

<g class='entity'>... everything missing here ... </g> 

Ben alt ch istiyorum DOM'da Güncel HTML

<g class='entity'> 
    <rect /> 
    <circle /> 
    ... 
</g> 

Yeni/İstenen HTML

<box> 
    <rect /> 
    <circle /> 
    ... 
</box> 

Basit Yönergesi

app.directive('box', ['$document', function ($document) { 
    return { 
     restrict : 'E', 
     replace: true, 
     template: "<g class='entity'></g>" 
    }; 
}]); 

Sonucu Yerleştirilecek ild elemanları.

Answer 1

Aradığınız şeylere transkripsiyon denir. transclude eklerseniz: true direktifinizin tanımına göre tüm alt öğeler korunur. Şablon sadece kutu öğesini geçersiz kılacak, ancak iç içeriği koruyacaktır.

app.directive('box', ['$document', function ($document) { 
return { 
    restrict : 'E', 
    replace: true, 
    transclude: true, 
    template: "<g class='entity'></g>" 
}; 

}]);