$modal是一個可以迅速創建模態窗口的服務，創建部分頁，控制器，并關聯他們。
$modal僅有一個方法open(options)
templateUrl：模態窗口的地址

template：用于顯示html標簽

scope：一個作用域為模態的內容使用（事實上，$modal會創建一個當前作用域的子作用域）默認為$rootScope

controller：為$modal指定的控制器，初始化$scope，該控制器可用$modalInstance注入

resolve：定義一個成員并將他傳遞給$modal指定的控制器，相當于routes的一個reslove屬性，如果需要傳遞一個objec對象，需要使用angular.copy()

backdrop：控制背景，允許的值：true（默認），false（無背景），“static” - 背景是存在的，但點擊模態窗口之外時，模態窗口不關閉

keyboard：當按下Esc時，模態對話框是否關閉，默認為ture

windowClass：指定一個class并被添加到模態窗口中
open方法返回一個模態實例，該實例有如下屬性
close(result)：關閉模態窗口并傳遞一個結果

dismiss(reason)：撤銷模態方法并傳遞一個原因

result：一個契約，當模態窗口被關閉或撤銷時傳遞

opened：一個契約，當模態窗口打開并且加載完內容時傳遞的變量
另外，$modalInstance擴展了兩個方法$close(result)、$dismiss(reason)，這些方法很容易關閉窗口并且不需要額外的控制器

Bootstrap：

模態對話框怎么隱藏？我在刷新網頁的時候這個對話框自動彈出，我現在想讓他通過點擊彈出，該怎么做？模態框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個單獨的源的內容，可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。如果您想要單獨引用該插件的功能，那么您需要引用 modal.js?；蛘撸?nbsp;Bootstrap 插件概覽 一章中所提到，您可以引用 bootstrap.js 或壓縮版的 bootstrap.min.js。

用法：

您可以切換模態框（Modal）插件的隱藏內容：

• 通過 data 屬性：在控制器元素（比如按鈕或者鏈接）上設置屬性 data-toggle="modal"，同時設置 data-target="#identifier" 或 href="#identifier" 來指定要切換的特定的模態框（帶有 id="identifier"）。

• 通過 JavaScript：使用這種技術，您可以通過簡單的一行 JavaScript 來調用帶有 id="identifier" 的模態框：

Bootstrap模態對話框隱藏和打開：
$('#QrCode_Modal').modal({
show:true,
backdrop:'static'
});

方法
下面是一些可與 modal() 一起使用的有用的方法。

方法
描述
實例

Options: .modal(options) 把內容作為模態框激活。接受一個可選的選項對象。 $('#identifier').modal({
keyboard: false
})

Toggle: .modal('toggle') 手動切換模態框。 $('#identifier').modal('toggle')

Show: .modal('show') 手動打開模態框。 $('#identifier').modal('show')

Hide: .modal('hide') 手動隱藏模態框。 $('#identifier').modal('hide')