国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

angularJS模態框$modal實例代碼

2019-11-19 16:28:22
字體:
來源:轉載
供稿:網友

1.引入$modal模塊

如:angular.module('ModalCtrl',['$modal' ,'$scope' , function($modal ,$scope ){ }]);

2.執行調模態框 函數

$scope.editModule = function(type, size, id) {   $scope.id = id;   var modalInstance = $modal.open({     templateUrl: 'tpl/weichat_modulebaseinfo.html', //template:'html元素模板',     controller: 'EditModuleCtrl', // 初始化模態范圍     size: size, //大小配置     scope: '一個作用域為模態的內容使用($modal會創建一個當前作用域的子作用域,scope可有可無)默認為$rootScope',     resolve: {       items: function() {         return $scope.id; //向模態框控制器中傳值       }     }     background: '', //控制背景,true(有) or false(無),static背景存在,但是點擊模態窗口之外,模態窗不關閉     keyboard: '', //按下Esc時,模態對話框是否關閉,默認為ture     windowClass: '' //指定一個class并被添加到模態窗口中    });    modalInstance.result.then(function(selectedItem) { //模態框關閉后返回函數,selectedItem為返回值    }) } 

3.創建模態框控制器

app.controller('EditModuleCtrl', ['$scope', '$modalInstance', 'BookService', '$stateParams', 'items', function($scope, $modalInstance, BookService, $stateParams, items) { //依賴于modalInstance     //items為傳過來的值     $scope.modalBack = function() {       //執行模態框內部操作     }      $scope.ok = function() {       $modalInstance.close($scope.textid); //關閉并返回當前選項     };     $scope.cancel = function() {       $modalInstance.dismiss('cancel'); // 退出不執行任何操作     }   }]) 

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 梁山县| 苏州市| 桦川县| 陈巴尔虎旗| 滕州市| 内丘县| 阿勒泰市| 泽库县| 鹤岗市| 古蔺县| 商南县| 南皮县| 寻乌县| 海宁市| 平远县| 双流县| 龙井市| 岐山县| 庄河市| 德昌县| 荆门市| 双辽市| 天峨县| 舒兰市| 潮安县| 彭水| 京山县| 株洲县| 安国市| 阳江市| 即墨市| 永福县| 新津县| 伊金霍洛旗| 寿阳县| 静海县| 泰和县| 武川县| 景德镇市| 简阳市| 会理县|