全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

angularJS模态框$modal实例代码

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'); // 退出不执行任何操作 
    } 
  }]) 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# angularJS模态框$modal  # 模态框  # modal  # angularJS  # $modal  # angularjs模态框的使用代码实例  # AngularJS模态框模板ngDialog的使用详解  # Angular弹出模态框的两种方式  # Bootstrap与Angularjs的模态框实例代码  # AngularJS中使用ngModal模态框实例  # AngularJs 弹出模态框(model)  # Angular的FormArray和模态框结合使用实例详解  # 模态  # 默认为  # 可有可无  # 按下  # 对话框  # 创建一个  # 大家多多  # 返回值  # 中传  # 窗口中  # 依赖于  # size  # type  # js  # editModule  # brush  # templateUrl  # tpl  # weichat_modulebaseinfo  # open 


相关文章: 网站制作难吗安全吗,做一个网站需要多久时间?  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?  北京网站制作网页,网站升级改版需要多久?  如何在云指建站中生成FTP站点?  建站之星在线客服如何快速接入解答?  高端建站如何打造兼具美学与转化的品牌官网?  建站DNS解析失败?如何正确配置域名服务器?  湖州网站制作公司有哪些,浙江中蓝新能源公司官网?  建站之星安装步骤有哪些常见问题?  建站主机是否等同于虚拟主机?  建站之星免费版是否永久可用?  如何通过虚拟主机快速完成网站搭建?  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  广州建站公司哪家好?十大优质服务商推荐  建站之星安装后界面空白如何解决?  大连网站制作公司哪家好一点,大连买房网站哪个好?  文字头像制作网站推荐软件,醒图能自动配文字吗?  ,购物网站怎么盈利呢?  孙琪峥织梦建站教程如何优化数据库安全?  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  建站之星如何快速生成多端适配网站?  宝塔Windows建站如何避免显示默认IIS页面?  建站之星Pro快速搭建教程:模板选择与功能配置指南  桂林网站制作公司有哪些,桂林马拉松怎么报名?  测试制作网站有哪些,测试性取向的权威测试或者网站?  如何在企业微信快速生成手机电脑官网?  东莞专业网站制作公司有哪些,东莞招聘网站哪个好?  家具网站制作软件,家具厂怎么跑业务?  建站之星2.7模板:企业网站建设与h5定制设计专题  建站之星下载版如何获取与安装?  海南网站制作公司有哪些,海口网是哪家的?  清除minerd进程的简单方法  建站之星如何修改网站生成路径?  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思?  建站之星展会模版如何一键下载生成?  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  如何在Windows环境下新建FTP站点并设置权限?  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  ppt制作免费网站有哪些,ppt模板免费下载网站?  宝塔建站教程:一键部署配置流程与SEO优化实战指南  建站之星官网登录失败?如何快速解决?  专业网站设计制作公司,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何快速打造个性化非模板自助建站?  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  如何通过多用户协作模板快速搭建高效企业网站?  Python lxml的etree和ElementTree有什么区别  XML的“混合内容”是什么 怎么用DTD或XSD定义  网站制作新手教程,新手建设一个网站需要注意些什么? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。