我如何在angularJS中有對話框？ $莫代爾？

我正在嘗試關注在angularJS中實現模態對話框的this blog。我正在使用angularJS 1.6。

我添加了「ui-bootstrap-tpls-2.5.0.js」（我也試過「ui-bootstrap-2.5.0.js」）到我的包含中。當我在一個角度的服務或控制器參考$模式，我得到這個錯誤：

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

我的服務是這樣的，幾乎是一個從博客副本：

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

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

所以我不知道什麼不見了。也許這個博客是錯誤的，過時的，等等......

谷歌產生絕大多數的命中。每個人都有不同的實施，不同的圖書館下載。坦率地說，它令人沮喪的事情應該是直截了當的。任何方向上的一個簡單的爲什麼要實現模態對話框將不勝感激。

btw bootstrap不是要求。無論是比較容易....

日Thnx 馬特

2017-08-03 tatmanblue

你引用的博客已經過時了。幾個月前，UI-Bootstrap引入了一項突破性變化，在其服務和組件中添加了前綴。

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

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

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

請參閱當前UI-Bootstrap文檔中的模塊。

2017-08-03 19:53:20

謝謝。該鏈接也會有用。 – tatmanblue

回答