我如何在angularJS中有对话框？ $莫代尔？

Question

我正在尝试关注this blog关于在an​​gularJS中实现模态对话框。我正在使用angularJS 1.6。

我添加了“ui-bootstrap-tpls-2.5.0.js”（我也尝试过“ui-bootstrap-2.5.0.js”）到我的包含中添加了角度引导程序。当我在角度服务或控制器中引用$ modal时，我收到此错误：

Error: [$injector:unpr] Unknown provider: $modalProvider <- $modal <- 

我的服务看起来像这样，几乎是博客的副本：

var servicesInstance = angular.module('obdPortletApp');  

servicesInstance.service('ModalService', ['$modal',
    function ($modal) {

所以我不确定缺少什么。也许这个博客是错误的，过时的等等......

谷歌获得了绝大多数的点击量。每个人都有不同的实现，不同的库可供下载。坦率地说，它对于应该直截了当的事情来说相当令人沮丧。任何关于为什么实施模态对话的简单方向都将受到赞赏。

btw bootstrap不是必需的。无论更容易......

日Thnx 马特

Answer 1

您引用的博客已过期。几个月前，UI-Bootstrap引入了一项重大变革，为其服务和组件添加了前缀。

在你的情况下，你需要$ uibModal而不是$ modal。

var servicesInstance = angular.module('obdPortletApp');  

servicesInstance.service('ModalService', ['$uibModal',
    function ($uibModal) {

请参阅当前的UI-Bootstrap文档了解其模态。

https://angular-ui.github.io/bootstrap/#!#modal