диалоговое окно начальной загрузки angular никогда не открывается

У меня есть следующий код:

angular.module('myApp').controller('modalClickItemController', function ($scope, $dialog) {

$scope.openDialog = function(opts){
    console.debug('bar');
    var d = $dialog.dialog(opts);
    d.open().then(function(result){
        console.debug('foobarbazz');
    });
}

});

Это используется в такой директиве:

 angular.module('myApp')
.directive('modalClickItem', function () {
    return {
        restrict: 'A',
        controller: 'modalClickItemController',
        link: function postLink(scope, el, attr){
            scope.objectId = attr.objectId;
            scope.objectType = attr.objectType
            scope.opts = {
                backdrop: true,
                keyboard: true,
                backdropClick: true,
                template: "<div class='modal-header'>Hi!!!</div><div class='modal-body'>Buy!!!</div>",
  //                    templateUrl:  'views/'+scope.objectType+'_modal.html',
                controller: 'modalCtrl'
            }

            el.on('click', function(){
                scope.openDialog(scope.opts);

            });
        }
    };
});

Этот код печатает bar, но никогда не печатает foobarbazz. Если я вставляю отладки в угловой бутстрап, он переходит в метод open и возвращает обещание, но никогда не открывает диалог.

http://plnkr.co/edit/tNokVEbRds78tBaVZtLH?p=preview

Почему?


javascript dialog angularjs angular-ui-bootstrap
person Abraham P    schedule 22.07.2013    source источник
comment
afaik ваше открытое обещание будет разрешено, когда диалог будет закрыт: d.open().then(function(result){ if(result) { alert('диалог закрыт с результатом: ' + результат); } }); где твой модальный Ctrl?   -  person alfrescian    schedule 22.07.2013

Ответы (1)


arrow_upward
0
arrow_downward

Я использую jquery.bootstrap.js, он очень маленький и простой, похожий на easyui.

$("#loginwrap").dialog({
      title:    "Login"
    , buttons: [
        {
            text: "Close"
          , classed: "btn-primary"
          , click: function() {
              $(this).dialog("close");
            }
        },
        {
            text: "Login"
          , classed: "btn-success"
          , click: function() {
              //your login handler

              $(this).dialog("close");
            }
        }
      ]
});
person user2895216    schedule 18.10.2013