Связать директиву с уже загруженными элементами DOM в angularjs?

Question

Привет, У меня есть требование удалить templateURL из директивы и вместо этого нужно загрузить DOM на стороне клиента с сервера, используя специальную библиотеку тегов (Java) на главной странице. Теперь возможно ли с помощью директивы связывать функции внутри него с уже загруженным DOM?

MainPage.jsp

<div class="col-sm-10"> 
    <div class="input-group input-group-sm col-sm-12"> 
     <div class="nopadding" provider provider-name="providerForFilter" topclass="providerForFilter" class="col-sm-10" > 
      <prefixrj:lookupprovider data="" defaultValue="" filterPosition="" showActive="" ></prefixrj:lookupprovider> 
     </div> 
    </div> 
</div> 

lookup.js

var providerlookup = f.module('providerlookup', []); 
    providerlookup.directive('provider', function($http, $timeout) { 
     return { 
      restrict: 'AE', 
      replace: 'true', 
      templateUrl: '/mobiledoc/jsp/webemr/lookup/provider-lookup.jsp', 
      scope: { 
       topclass: "@", 
       providerName: "=providerName", 
       providerClick: "&", 
       clearProviderData: "&", 
       disableproviderlookup: "=", 
       multiSelection: "@" 
      }, 
      link: function(scope, element, attributes) { 
       var isLoading = false; 
       var timer = ""; 
       scope.editable = true; 
       scope.multiSelection = scope.multiSelection == undefined ? false : scope.multiSelection; 
       if (!scope.providerName) { 
        scope.providerName = {provider: ""}; 
       } 
       ..................... 
       ..................... 
       } 
      }; 
      }); 

Теперь вместо поставщика-lookup.jsp в templateUrl, я должен загрузить содержание, что JSP с использованием библиотеки пользовательских тегов, как показано в MainPage.jsp.

Answer 1

Вы можете иметь два DOM элемента с ng-if переключателем:

<directive ng-if="someVar"></directive> 
<directive ng-if="!someVar"></directive> 

Поступая таким образом, вы можете передавать различные данные в директивы, которая является более эффективной.