angularJS模态框$modal实例代码

前端之家收集整理的这篇文章主要介绍了angularJS模态框$modal实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.引入$modal模块

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

2.执行调模态框 函数

内容使用($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.创建模态框控制器

$scope.ok = function() { $modalInstance.close($scope.textid); //<a href="/tag/guanbi/" target="_blank" class="keywords">关闭</a>并返回当前选项 }; $scope.cancel = function() { $modalInstance.dismiss('cancel'); // <a href="/tag/tuichu/" target="_blank" class="keywords">退出</a>不执行任何操作 }

}])

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

猜你在找的JavaScript相关文章