AngularJS Wrapper Html

Question

私のビューでは同じdivを使用していますが、divの内部は変化しています。したがって、私はディレクティブでそれを作りたいと思います。これのための方法は何ですか？ 例。

<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> 

私はこの部分を指示文にしたいと思います。

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

お手伝いできますか？

Answer 1

使用この：

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

、スクリプト（更新：ロードhtmlファイルの代わりにインラインでHTML）：あなたは同様の構造を持っている場合にのみ、

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