本文实例为大家分享了angularjs点击图片放大预览的具体代码,供大家参考,具体内容如下
承接上一篇文章
/*图片点击放大再点击还原*/angular.module (routerModule) .directive (enlargePic,函数(){//& lt;跨度祝辞enlargePic指令名称,写在需要用到的地方img中即可实现放大图片& lt;/span>
返回{
限制:“AE”,
链接:函数(范围、elem) {
elem.bind(“点击”,函数(事件){
var img=$事件。srcElement | | $ event.target;
angular.element (document.querySelector (“.mask”) [0] .style。显示=翱椤?
angular.element (document.querySelector (“.bigPic”) [0]。src=https://www.yisu.com/zixun/img.src;
}）
}
}
}）
.directive (closePic,函数(){
返回{
限制:“AE”,
链接:函数(范围、elem) {
elem.bind(“点击”,函数(事件){
angular.element (document.querySelector (“.mask”) [0] .style。显示=懊挥小?
}）
}
}
}）;
之前
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
