首页 > 其他 > 详细

$modal

时间:2016-01-25 12:58:25      阅读:206      评论:0      收藏:0      [点我收藏+]

$scope.open = function (size,data) {
var modalInstance = $modal.open({
templateUrl: ‘myModalContent.html‘,
controller: ModalInstanceCtrl,
size: size,
resolve: {
items: function () {
return data;
}
}
});

modalInstance.result.then(function (selectedItem) {
alert("11111")
}, function () {
alert("2222222222222")
});
};
var ModalInstanceCtrl = function ($scope, $modalInstance, items) {
if(items.type=="ADD_POINTS"){
$scope.title="ADD POINTS:"+items.points;
}
$scope.ok = function () {

$modalInstance.close(items);
};

$scope.cancel = function () {
$modalInstance.dismiss(‘cancel‘);
};
};

<script type="text/ng-template" id="myModalContent.html">
<div class="modal-header">
<h3 class="modal-title">I‘m a modal!</h3>
</div>
<div class="modal-body">
<b>{{ title }}</b>
</div>
<div class="modal-footer">
<button class="btn btn-primary" ng-click="ok()">OK</button>
<button class="btn btn-warning" ng-click="cancel()">Cancel</button>
</div>
</script>

$modal

原文:http://www.cnblogs.com/jayruan/p/5157062.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!