Angular UI中的$ dialog.messageBox（）在哪裏？

Question

我無法在AngularUI中找到$dialog服務，我嘗試探索一個簡單的messageBox()以使用$modal創建確認對話框。找不到那個。

有人可以建議我如何使用AngularJS/AngularUI創建一個簡單的對話框（說刪除確認）？

預先感謝您。

Answer 1

對於ui-bootstrap的版本0.6.0，$dialog服務被重構爲$modal。 $dialog的功能仍然可用，只需通過$modal即可。

按照docs，你應該確保你已經包括引導在你的頁面的CSS和angular.js以及引導-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（這樣你就可以和他們一起玩），它們的每個服務和指令的很好的例子。我想鏈接到這裏的搶劫者，但我似乎不能。