AngularStrap Модальный пуст

Question

Plunker

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

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

Answer 1

Я обновил свой plunker здесь: Plunker

Я был частично, как вы заряжали Bootstrap UI.

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

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'); 
    }; 
};