AngularStrap Modal пуст

Плункер

У меня есть ng-сетка, которая отображает список свойств. У меня есть кнопка удаления для каждой строки. Когда я нажимаю «Удалить», я хочу модальное окно с надписью «Вы уверены». В настоящее время вы можете видеть, как модальное окно пытается отобразиться, поскольку сероватый прозрачный элемент div исчезает на странице, однако содержимое модального окна нигде не отображается.

Сверху находится плунжер. Я отлаживал это в хроме и заметил, что есть атрибут display:none css, который при удалении становится видимым. Я могу обновить это вручную, но не должен ли angular-strap делать это автоматически, когда вызывается modal.show()?


angularjs twitter-bootstrap ng-grid angular-strap
person Wjdavis5    schedule 02.01.2014    source источник
comment
Я вернулся к использованию jquery в моем угловом контроллере... должен был заставить это работать, я знаю, что это не идеально.   -  person Wjdavis5    schedule 02.01.2014

Ответы (1)


arrow_upward
1
arrow_downward

Я обновил ваш плункер здесь: плункер

Я частично был тем, как вы загружали пользовательский интерфейс Bootstrap.

Это все, что вам нужно сделать для загрузки:

var app = angular.module('myApp', ['ngGrid', 'ui.bootstrap']);

Здесь вы использовали шаблон вместо templateUrl:

    $scope.opts = {
        templateUrl: 'modal.html',
        controller: ModalInstanceCtrl,
        backdrop: true,
    };

Затем мне пришлось добавить контроллер, чтобы модальные кнопки работали правильно.

var ModalInstanceCtrl = function ($scope, $modalInstance) {
  $scope.ok = function () {
    $modalInstance.close();
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
};
person Rob    schedule 03.01.2014