У меня есть кнопка, которую вы нажимаете, и она должна открывать модальный onclick. Однако, когда я нажимаю кнопку, я получаю сообщение об ошибке «Неизвестный поставщик: $ modalInstanceProvider < - $ modalInstance». Я все проверил до сих пор. Что мне не хватает? Вот код до сих пор.
приложение. js - загрузка ui-bootstrap.
var app = angular.module('myApp', ['ngRoute', 'ui.bootstrap']);
services.js - Это модальное обслуживание.
app.factory('modalService',['$uibModal', function($uibModal){
return {
openMenuModal: function(index, title, description) {
var modalObj = $uibModal.open({
templateUrl: 'partials/modal.html',
backdrop: 'static',
keyboard: true,
size: 'sm',
controller: function($scope, $modalInstance){
$scope.title = title;
$scope.description = description;
$scope.ok = function(id){
$modalInstance.close();
}
$scope.cancel = function(){
$modalInstance.dismiss('cancel');
}
}
});
}
};
}]);
Главной Контроллер
app.controller('home', [
'$scope',
'contentService',
'$http',
'$uibModal',
'modalService', function($scope, contentService, $http, $uibModal, modalService){
contentService.then(function(data){
$scope.data = data;
$scope.shortcutList = $scope.data.shortcuts; // list of shortcuts
$scope.name = $scope.data.user; // user's name
$scope.userThumb = $scope.data.userThumb; // user thumbnail image
$scope.deleteBox = function(index, title, description){
modalService.openMenuModal('t', title, description);
};
});
}]);
шаблон модальной кнопки шаблона
<div ng-controller="Home">
<div class="modalBox animated fadeIn">
<h1> {{title}} </h1>
<p>{{description}}</p>
<div class="modal-footer"></div>
</div>
</div>
ярлыка - Здесь я хочу вызвать deleteBox()
<button class="btn btn-primary deleteBox" ng-click="deleteBox($index, 'Are You sure you want to delete this?', 'description text')"></button>
Вы можете отметить ответ правильный, пожалуйста, так что люди знают, что устранили эту проблему =) – sebenalern