anjularjs彈出model(模態框)

$modal是一個能夠迅速建立模態窗口的服務,建立部分頁,控制器,並關聯他們

$modal僅有一個方法open(options)

  • templateUrl:模態窗口的地址html

  • template:用於顯示html標籤code

  • scope:一個做用域爲模態的內容使用(事實上,$modal會建立一個當前做用域的子做用域)默認爲$rootScopehtm

  • controller:爲$modal指定的控制器,初始化$scope,該控制器可用$modalInstance注入對象

  • resolve:定義一個成員並將他傳遞給$modal指定的控制器,至關於routes的一個reslove屬性,若是須要傳遞一個objec對象,須要使用angular.copy()作用域

  • backdrop:控制背景,容許的值:true(默認),false(無背景),「static」 - 背景是存在的,但點擊模態窗口以外時,模態窗口不關閉io

  • keyboard:當按下Esc時,模態對話框是否關閉,默認爲tureclass

  • windowClass:指定一個class並被添加到模態窗口中angular

open方法返回一個模態實例,該實例有以下屬性

  • close(result):關閉模態窗口並傳遞一個結果變量

  • dismiss(reason):撤銷模態方法並傳遞一個緣由route

  • result:一個契約,當模態窗口被關閉或撤銷時傳遞

  • opened:一個契約,當模態窗口打開而且加載完內容時傳遞的變量

相關文章
相關標籤/搜索