AngularJS点击图片放大制作上传图片预览

这个例子给你分享AngularJS点击具体代码的图片放大预览,供大家参考,详情如下

拿最后一篇文章


单击放大单击还原图片。
Angular.module('routermodule)。指令('enlargepic,函数(){ / / enlargepic指令名称写在你需要的地方在IMG使用放大图片
返回{
限制:AE
链接:功能(范围、元素){
Elem.bind(听到咔哒声,功能($事件){
VaR img = event.srcelement美元美元| | event.target;
angular.element(document.queryselector(面具)){ 0 }。style.display =块;
angular.element(document.queryselector(。bigpic )){ 0 }。src= img.src;
})
}
}
})
。指令('closepic,函数(){(){
返回{
限制:AE
链接:功能(范围、元素){
Elem.bind(听到咔哒声,功能($事件){
angular.element(document.queryselector(面具)){ 0 }。style.display =没有;
})
}
}
});




设计素描 uff1a


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