は、私は次のディレクティブを持って角度

Question

でディレクティブにdivのIDを渡します。このディレクティブが呼び出されると、別のディレクティブである新しいenviroVariables要素が作成されます。それは次のようになります。

<div id = "formSection"> 
        <div class="row rowmargin"> 
        <div class="col-sm-6"> 
         <input type="text" class="form-control" placeholder="key" id="key" ng-model="key" ng-change="updateJson()" ng-model-options="{debounce: 1000}"> 
        </div> 
        <div class="col-sm-6"> 
         <input type="text" class="form-control" placeholder="value" ng-model="value" ng-change="updateJson()" ng-model-options="{debounce: 1000}" > 
        </div> 
        </div> 

       </div> 

問題は、私は同じのdiv idを持つ要素を作成していますので、私は依存性の注入を行う際に、それはむしろちょうど1よりも、すべての環境変数を更新していることです。

作成する変数のインスタンスごとに新しいdiv IDを渡す方法がありますか？私はスコープでそれを渡すことができるはず推測している：{}以下が、それは

.directive('enviroVariables',function(){ 
    return{ 
    restrict: 'E', 
scope:{}, 


    templateUrl:'scripts/directives/enviromentVariablesDiv.html' 
    } 
}); 

Answer 1

がaddfieldsディレクティブリターン機能このIDを `である

return function(scope,element){ 
    element.on("click",function(){ 
    var enviroElement = angular.element('<enviro-variables></enviro-variables>'); 
     var el = $compile(enviroElement)(enviroElement.scope()); 
     console.log(el); 
     angular.element(document.getElementById('moreEnviromentVariables')).append(el) 
    }) 
    }