AngularJS angular-modal-service mir einen Fehler
Ich versuche (erfolglos) zu verwenden AngularModalService. Mache ein copy/paste-job von der-zugegeben-einfachen-tutorial gibt mir eine Fehlermeldung.
Dies ist das tutorial, Referenz:
http://www.dwmkerr.com/the-only-angularjs-modal-service-youll-ever-need/
Javascript:
var app = angular.module('app', ['angularModalService']);
app.controller( 'Controller', function($scope,ModalService) {
$scope.show = function() {
ModalService.showModal({
templateUrl: 'modal.html',
controller: "ModalController"
}).then(function(modal) {
modal.element.modal(); //this is the problem
modal.close.then(function(result) {
$scope.message = "You said " + result;
});
});
};
});
app.controller('ModalController', function( $scope, close ) {
$scope.close = function(result) {
close(result, 500);
};
});
</script>
HTML (hässlicher im tutorial, aber sollte einfacher sein)
<div class="container" style="min-width: 700px; max-width: 700px; margin: 50px auto;" data-ng-app="app" data-ng-controller="Controller">
<h3>Angular Modal Service</h3>
<a class="btn btn-default" href ng-click="show()">Show a Modal</a>
<p>{{message}}</p>
<!-- The html template -->
<script type="text/ng-template" id="modal.html">
<div class="modal fade">
<button type="button" ng-click="close('Cancel')" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Yes or No?</h4>
</div>
<div class="modal-body">
<p>It is your call...</p>
</div>
<div class="modal-footer">
<button type="button" ng-click="close('No')" class="btn btn-default" data-dismiss="modal">No</button>
<button type="button" ng-click="close('Yes')" class="btn btn-primary" data-dismiss="modal">Yes</button>
</div>
</script>
</div>
Den Fehler bekomme ich "undefined ist nicht eine Funktion" auf die Linie bezeichnet, die den oben ist:
modal.element.modal();
Google-Suche hat mich führen, um nichts konkretes. Hoffentlich bin ich nur Blick etwas albern.
- Das tutorial ist mit Eckigen 1.2.9. Welche version verwenden Sie?
- Hi -- 1.3.0-rc5.
Du musst angemeldet sein, um einen Kommentar abzugeben.
angularModalService
erfordertbootstrap js
. Rufen Sie die folgende Datei in Ihremindex.html
- Datei und versuchen Sie.Der Fehler passiert, weil Sie sind dem Aufruf der Bootstrap-Methode zeigen die modale.
Im Gegensatz zu Asik ' s Antwort oben, AngularModalService hat nicht erfordern, Bootstrap, aber wenn Sie mit Bootstrap modals dann brauchen Sie Sie nicht zu zählen die bootstrap-js-Datei.
Das Problem ist hier referenziert: https://github.com/dwmkerr/angular-modal-service/issues/14
Benutzerdefinierte modals,, die nicht erfordern, Bootstrap, sind in der Beispiele-Seite