Passing div id in Winkel

Question

Ich habe die folgende Die Richtlinie. Wenn diese Direktive aufgerufen wird, erzeugt sie ein neues enviroVariables Element, das eine andere Direktive ist, die ich geschrieben habe. Es sieht wie folgt aus:

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

Das Problem, das ist, weil ich ein Element mit dem gleichen div id erschaffe, wenn ich Dependency Injection tun es alle Umgebungsvariablen aktualisiert, anstatt nur eine.

Gibt es eine Möglichkeit, eine neue Div-ID für jede von mir erstellte Instanzvariable zu übergeben oder zu generieren? Ich vermute, ich sollte es in der Lage sein, in ihrem Umfang weitergeben müssen: {} unten, aber kann es nicht

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


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

Answer 1

Versuchen Sie dies in der addfields Richtlinie Rückkehrfunktion

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