1
Ci-dessous est mon code angulaire Je ne reçois aucune erreur, le modèle s'ouvre mais les fonctions ModalInstanceCtrl annuler() et ok() ne veulent pas fonctionner, cependant si je supprime le contrôleur exactement comme ils l'ont sur le site de directives angularjs ui-bootstrap (http://angular-ui.github.io/bootstrap/#/modal) il semble fonctionner.AngularJS UI-Bootstrap Modal
J'utilise le même HTML que dans l'exemple sur le site Web, sauf que j'ai extrait le modèle en ligne dans son propre fichier, qui fonctionne.
versions de l'emballage: Bootstrap 3.1.1, 1.2.18, AngularJS UI Bootstrap 0.11.0
Je pense que la question est là où j'inclure le contrôleur peut-être que je ne le fais pas correctement
controller: this.ModalInstanceCtrl,
Main App app.js:
'use strict'
angular.module('myApp', ['ui.bootstrap', myAppControllers]);
Contrôleurs controllers.js:
'use strict';
var myApp = angular.module('myAppControllers', []);
myApp.controller('ModalCtrl', ['$scope', '$modal', '$log', function($scope, $modal, $log) {
$scope.open = function (size) {
var modalInstance = $modal.open({
templateUrl: 'templates/myModalContent.html',
controller: this.ModalInstanceCtrl,
size: size,
}
});
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function() {
$log.info('Modal dismissed at: ' + new Date());
});
};
}]);
myApp.controller('ModalInstanceCtrl', ['$scope', '$modalInstance', function($scope, $modalInstance) {
$scope.ok = function() {
$modalInstance.close();
};
$scope.cancel = function() {
$modalInstance.dismiss();
};
}]);