我如何在 angularJS 中有对话框？ $模态？答案

【问题标题】：how do I have dialogs in angularJS? $modal?我如何在 angularJS 中有对话框？ $模态？
【发布时间】：2018-01-11 14:14:04
【问题描述】：

我正在尝试关注this blog 在 angularJS 中实现模态对话框。我正在使用 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) {

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

Google 产生了大量的点击量。每个都有不同的实现，不同的库要下载。坦率地说，对于应该直截了当的事情来说，这是相当令人沮丧的。任何关于为什么要实现模态对话框的简单说明都将不胜感激。

顺便说一句，引导不是必需的。哪个更容易......

谢谢马特

【问题讨论】：

【解决方案1】：

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

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

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

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

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

【讨论】：