Modal возвращается неопределенно в директиве

Question

Google дает мне ошибку: «TypeError: Невозможно прочитать свойство« открыто »неопределенного» в ответ на мой модуль ui-bootstrap. Я использую другие директивы ui-bootsrap.

Я не объявляю модальную зависимость правильно?

angular.module('ireg').directive('study', function (studyFactory) { 
return { 
    restrict:'E', 
    scope: {    
     objectid:'@objectid' 
    }, 
    templateUrl: '/ireg/components/study/study.html', 

    link: function (scope, element, attrs, $modal) { 

     scope.openMilestonesDialog = function() { 
      var modalInstance = $modal.open({ 
       animation: $scope.animationsEnabled, 
       templateUrl: '/ireg/components/add-milestones/addMilestonesDialog.html', 
       controller: '/ireg/components/add-milestones/addMilestonesDialogController.js', 
       size: lg 
      }); 
     }; 

    }//end of link 

} 
}); 

angular.module('ireg').controller('addMilestonesDialogController', function ($scope, $modalInstance, studyId) { 

    $scope.ok = function() { 
    $modalInstance.close(); 
}; 


}); 

Answer 1

Вы должны включать в себя $ модальный обслуживание в вашей directive функции вместо link функции:

angular.module('ireg').directive('study', function (studyFactory, $modal) { 
    return { 
     restrict:'E', 
     scope: {    
      objectid:'@objectid' 
     }, 
     templateUrl: '/ireg/components/study/study.html', 

     link: function (scope, element, attrs) { 

      scope.openMilestonesDialog = function() { 
       var modalInstance = $modal.open({ 
        animation: $scope.animationsEnabled, 
        templateUrl: '/ireg/components/add-milestones/addMilestonesDialog.html', 
        controller: '/ireg/components/add-milestones/addMilestonesDialogController.js', 
        size: 'lg' 
       }); 
      }; 

     }//end of link 

    } 

}); 

И да, Альберто I.N.J. правильно, вы должны установить атрибут size как строку.

Answer 2

Вы должны вводить $ модель в самой директивы и изменить Lg к «LG»

angular.module('ireg').directive('study', function (studyFactory, $modal) { 
    return { 
     restrict:'E', 
     scope: {    
      objectid:'@objectid' 
     }, 
     templateUrl: '/ireg/components/study/study.html', 

     link: function (scope, element, attrs) { 

      scope.openMilestonesDialog = function() { 
       var modalInstance = $modal.open({ 
        animation: $scope.animationsEnabled, 
        templateUrl: '/ireg/components/add-milestones/addMilestonesDialog.html', 
        controller: '/ireg/components/add-milestones/addMilestonesDialogController.js', 
        size: 'lg' 
       }); 
      }; 

     }//end of link 

    } 

});