angularjs - Angular UI 中的 $dialog.messageBox() 在哪里？

Question

我在 AngularUI 中找不到$dialog服务，我试图探索一个简单messageBox()的使用$modal. 也找不到。

有人可以建议我如何使用 AngularJS / AngularUI 创建一个简单的对话框（比如删除确认）吗？

先感谢您。

Answer 1

该$dialog服务被重构为0.6.0$modal版的 ui-bootstrap。from 的功能应该仍然可用，只是通过。$dialog$modal

根据文档，您应该确保在您的页面中包含bootstrap 的 css和angular.js以及bootstrap-ui 的 JS，您可以从文档站点下载它们。$modal如果您只需要使用该服务而不是其他指令，我会查看“创建您自己的”链接。

如果这些文件包含在您的页面中，请确保您的角度模块的定义包含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（因此您可以使用它们）中为他们的每个服务和指令提供了很好的示例。我想在这里链接到 plunker，但我似乎无法链接。