javascript - angular-strap $modal 不被拒绝

Question

我正在尝试使用模态服务。以下有什么问题：

http://jsfiddle.net/9Ymvt/651/

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-strap/0.7.4/angular-strap.min.js"></script>

<div class="content" ng-app="contacts" ng-controller="ContactsController">
</div>

angular.module('contacts', ['$strap.directives'])
.controller('ContactsController', function ($scope) {

var modalPromise = $modal({template: '/js/app/views/elements/modal-welcome.html', persist: true, show: false, backdrop: 'static', scope: $scope});

// Toggle modal
$scope.showModalViaService = function() {

    $q.when(modalPromise).then(function(modalEl) {
        modalEl.modal('show');
    });
};})

Answer 1

我已经修好了你的小提琴。有2个问题。

• 必须注入 $modal 服务。 .controller('ContactsController', function ($scope,$modal) {
• Angular 的版本有问题。我改成 1.1.5 -> 你也可以试试 1.0.8。

在这里查看小提琴http://jsfiddle.net/EQXg7/

现在，您的模态模板的路径存在问题，但可以通过提供正确的路径来解决。