AngularJS Wrapper Html

Question

Görüşlerimde aynı divleri kullanıyorum ancak divlerin içi değişiyor. Direkt olarak yapmak istiyorum. Bunun için yolu nedir? Örnek;

<div id="firstDiv"> 
    <div id="secondDiv"> 
    <div id="thirdDiv"> 
     <label....> 
    </div> 
    </div> 
</div> 

<div id="firstDiv"> 
    <div id="secondDiv"> 
    <div id="thirdDiv"> 
     <select....> 
    </div> 
    </div> 
</div> 

<div id="firstDiv"> 
    <div id="secondDiv"> 
    <div id="thirdDiv"> 
     <textArea....> 
    </div> 
    </div> 
</div> 

Bu bölümü bir yönerge olarak yapmak istiyorum;

<div id="firstDiv"> 
     <div id="secondDiv"> 
     <div id="thirdDiv"> 
     </div> 
     </div> 
    </div> 

Yardımcı olabilir misiniz?

Answer 1

bunu kullanın:

<my-wrapper> 
    Your content here 
</my-wrapper> 

Ve komut dosyası (GÜNCELLEME: Yük html dosyası yerine satır içi html): Eğer benzer bir yapıya sahiptir olduğunda

module.directive('myWrapper', function ($http, $compile) { 
    var linker = function (scope, element, attrs) { 

      $http.get('wrapper.html').success(function (data) { 
      element.replaceWith($compile(data)(scope)); 
      }); 

    }; 

    return { 
     restrict: 'E', 
     link: linker 
    }; 
}); 

JSFiddle