So rufen Sie eine Richtlinie in angularjs

Question

Ich versuche, die Modell-Box durch Richtlinie anzuzeigen, und ich bin mir nicht sicher, wo ich falsch gelaufen ist, aber meine Richtlinie ist überhaupt nicht caled.Can jemand bitte schlagen Sie help.Thanks.

<div class="modal fade" id="institutionModal" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content">  
      <common-directive-institution field="field" data="data" ng-if="showInstitutionModal"></common-directive-institution> 
     </div> 
    </div> 
</div> 
<button type="button" ng-click="editInstitutionModal('general')" class="btn btn-white">Edit</button> 

Meine js,

$scope.editInstitutionModal = function (type) { 
    $scope.field = {}; 
    $scope.showInstitutionModal = false; 
    if (type === 'basicedit') { 
     $scope.field.field_type = 'edit-institution.form.client'; 
     $scope.field.formName = 'Edit institution (' + vm.institutionObj.name + ')'; 
     $scope.field.saveText = 'Update'; 
    } 
    if(type === 'general'){ 
     $scope.field.field_type = 'add-genaral.form.client'; 
     $scope.field.formName = 'General Info'; 
     $scope.field.saveText = 'Save';   
    } 
    $timeout(function() { 
    $scope.showInstitutionModal = true; 
    $('#institutionModal').modal('show'); 
    $scope.$apply(); 
    }, 10); 
}; 

Meine Richtlinie

(function() { 
    'use strict'; 

    angular 
      .module('users') 
      .directive('commonDirectiveInstitution', function ($http, $compile) { 

      var getTemplateUrl = function (field) {   
       var type = field.field_type; 
       var templateUrl = '/modules/institutions/client/views/'; 
       templateUrl += type + '.html'; 
       return templateUrl; 
      }; 

      var linker = function (scope, element) { 
       var templateUrl = getTemplateUrl(scope.field); 
       $http.get(templateUrl).success(function (data) { 
       element.html(data); 
       element.removeAttr('style'); 
       $compile(element.contents())(scope.$parent); 
       }); 
      }; 

      return { 
       template: '<div style="display:none">{{field}}</div>', 
       restrict: 'E', 
       scope: { 
       field: '=' 
       }, 
       replace: true, 
       link: linker 
      }; 
      }); 
}()); 

Ich versuche, das Modell Feld durch Richtlinie angezeigt werden, und ich bin nicht sicher, wo ich schief gelaufen ist, aber meine Richtlinie überhaupt nicht caled.Can jemand bitte vorschlagen help.Thanks.

Answer 1

Diese Saite:

'add-genaral.form.client' 

hat einen Fehler im Wort ‚allgemein‘, verwenden Sie diese Zeichenfolge Vorlage von url

/modules/institutions/client/views/add-genaral.form.client.html 

Sind Sie sicher, dass es richtig ist, zu bekommen?