Izinkan saya memberi tahu Anda bahwa $ modal memiliki metode: terbuka, dan sifat -sifat metode ini diperkenalkan:
TemplateUrl: Alamat jendela modal
Template: Digunakan untuk menampilkan tag HTML
Lingkup: Penggunaan Konten dengan Lingkup Modal (Faktanya, $ Modal Akan Membuat Subscope dari Lingkup Saat Ini) Secara default adalah $ Rootscope
Pengontrol: Pengontrol yang ditentukan untuk $ Modal, menginisialisasi $ SCOPE, yang dapat disuntikkan dengan $ ModalInstance
Resolve: Tentukan anggota dan berikan ke pengontrol yang ditentukan oleh $ modal. Ini setara dengan properti reslove rute. Jika Anda perlu melewati objek objek, Anda perlu menggunakan Angular.Copy ()
latar belakang: Kontrol latar belakang, nilai yang diijinkan: true (default), false (tidak ada latar belakang), "statis" - latar belakang ada, tetapi saat mengklik di luar jendela modal, jendela modal tidak menutup
Keyboard: Saat ESC ditekan, apakah kotak dialog modal ditutup, default untuk ture
WindowClass: Tentukan kelas dan tambahkan ke jendela modal
Metode terbuka mengembalikan instance dengan properti berikut:
tutup (hasil): tutup jendela modal dan lulus hasil
singkirkan (alasan): Batalkan metode modal dan lulus alasan
Hasil: Kontrak yang dilewatkan saat jendela modal ditutup atau dicabut
Terbuka: Kontrak, Variabel yang Dikirim Saat Jendela Modal Terbuka dan Konten dimuat
Selain itu, $ ModalInstance memperluas dua metode $ tutup (hasil), $ smiss (alasan), yang dengan mudah menutup jendela dan tidak memerlukan pengontrol tambahan
<!DOCTYPE html><html ng-app="ModalDemo"><head><title></title><link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"><script src="lib/angular/angular.min.js"></script><script src = "lib/bootstrap-gh-halaman/ui-bootstrap-tpls-0.7.0.min.js"> </script> <script src = "lib/angular/i18n/angular-locale_zh-cn.js"> </script> </head> <dripsal> <bod- div type = "text/ng-template" id = "mymoDalcontent.html"/> <hv> <h3> Saya adalah modal! </h3> </div> <ul> <li Ng-Repeat = "item dalam item"> <ang-klick = "selected.item = item" {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{ia Selected.Item}} </b> </div> <div> <button ng-click = "ok ()"> ok </button> <button ng-click = "cancel ()"> Batal </button> </div> </script> <tombol ng-click = "open ()"> buka saya! </butpon> </script> </script> var Modald = "Open ()"> Buka saya! </button> </div> </script> var Modald = "open ()"> Buka Me! </butdy </div> </Divrict> var Modald = "OPen ()" 'ui.bootstrap']); var modaldemoctrl = function ($ scope, $ modal, $ log) {$ scope.items = ['item1', 'item2', 'item3']; $ scope.open = function () {var ModalinStance = $ modal.open ({TemplataRl: 'MyMod' ModalinStance = $ Modal.open ({TemplataRl: 'MyMod' ModalinStance. ModalInstancectrl, resolve: {item: function () {return $ scope.items;}}}); ModalInstance.opened.then (function () {// fungsi yang dieksekusi setelah jendela modal dibuka dan latar belakang akan selalu dibatalkan. Date ());});});};}; var modalinstancectrl = fungsi ($ scope, $ modalInstance, item) {$ scope.items = item; $ scope.pelected = {item: $ scope.items [0]}; $ scope.ok = function () {$ ModalinStance. function () {$ ModalInstance.dismiss ('cancel');};}; </script> </body> </html>Di atas adalah Kode Contoh Pop-up AngularJS $ Modal yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!