Где $dialog.messageBox() в интерфейсе Angular?

Я не смог найти службу $dialog в AngularUI, и я попытался изучить простой messageBox(), чтобы создать диалоговое окно подтверждения с помощью $modal. Не удалось найти это.

Может кто-нибудь предложить мне, как создать простой диалог (скажем, для подтверждения удаления), используя AngularJS/AngularUI?

Ответы

Ответ 1

Служба $dialog была реорганизована в $modal для версии 0.6.0 ui-bootstrap. Функциональность от $dialog должна быть доступна только через $modal.

В соответствии с документами, вы должны убедиться, что вы включили bootstrap css и angular.js на вашей странице, а также bootstrap-ui JS, которую вы можете загрузить с сайта doc. Я бы посмотрел ссылку "создать свою", если вам нужно использовать только службу $modal, а не другие директивы.

Если эти файлы включены в вашу страницу, убедитесь, что определение вашего модуля angular включает ui.bootstrap в качестве зависимости. например.

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

Если это будет сделано, вы сможете внедрить службу $modal в свой модуль, как и с любой другой услугой.

app.controller('myController', function($scope, $modal) {
    $scope.openModal = function() {
       // Can use $modal service as per examples in doc page
    };
});

Как для твердых примеров, страница документов имеет отличные примеры на странице и в plunker (чтобы вы могли играть с ними) для каждой из своих служб и директив. Я хотел бы связаться с плунжером здесь, но я, похоже, не в состоянии.