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 - ＆gt;您也可以尝试1.0.8。

请参阅此处的小提琴http://jsfiddle.net/EQXg7/

现在你的模态模板的路径存在问题，但可以通过提供正确的路径来修复。