发表于： 2017-06-18 22:46:09
1 911
今日完成：
今天学习了一下模态框的知识，先尝试了一下依靠jq和bootstrap实现的模态框，感觉还不错，于是把它放到了angular的任务里，但是点击失效了，莫名其妙的，
后来尝试使用ui-bootstrap的模态框，但是参数很多很复杂，整蒙了，我想实现的功能很简单，于是弃用了ui-bootstrap的插件
后来也不使用模态框了，直接在页面上实现图片点击的大小缩放，利用了angular的ng-class属性，简直让人叹为观止，想不到还有这种操作
img.normal{
width : 100px;
}
img.big{
width:200px;
}
<img src="xxx" ng-click="zoom()" ng-class="{normal : n,big : b}" />
var i =0;
$scope.n = true;
$scope.b = false;
$scope.zoom = function(){
if( i == 0){
$scope.n = false;$scope.b = true;
i=1
}else{
$scope.n = true;$scope.b = false;
i=0
}
}
如此就实现了图片点击时放大缩小的功能
返回列表
评论