欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

angularjs點(diǎn)擊圖片放大實(shí)現(xiàn)上傳圖片預(yù)覽

 更新時(shí)間：2017年02月24日 14:27:05   作者：zxj娟娟  
這篇文章主要為大家詳細(xì)介紹了angularjs點(diǎn)擊圖片放大實(shí)現(xiàn)上傳圖片預(yù)覽的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了angularjs點(diǎn)擊圖片放大預(yù)覽的具體代碼，供大家參考，具體內(nèi)容如下

承接上一篇文章

/*圖片點(diǎn)擊放大再點(diǎn)擊還原*/ 
angular.module('routerModule').directive('enlargePic',function(){//<span style="font-family: Arial, Helvetica, sans-serif;">enlargePic指令名稱，寫(xiě)在需要用到的地方img中即可實(shí)現(xiàn)放大圖片</span> 
 return{ 
  restrict: "AE", 
  link: function(scope,elem){ 
   elem.bind('click',function($event){ 
    var img = $event.srcElement || $event.target; 
    angular.element(document.querySelector(".mask"))[0].style.display = "block"; 
    angular.element(document.querySelector(".bigPic"))[0].src = img.src; 
   }) 
  } 
 } 
}) 
.directive('closePic',function(){ 
 return{ 
  restrict: "AE", 
  link: function(scope,elem){ 
   elem.bind('click',function($event){ 
    angular.element(document.querySelector(".mask"))[0].style.display = "none"; 
   }) 
  } 
 } 
});

效果圖：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • 深入理解Angular.JS中的Scope繼承

    深入理解Angular.JS中的Scope繼承

    這篇文章主要給大家深入的介紹了關(guān)于Angular.JS中Scope繼承的相關(guān)資料，Angular。JS中scope之間的繼承關(guān)系使用JavaScript的原型繼承方式實(shí)現(xiàn)，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。
    2017-06-06
  • AngularJS實(shí)現(xiàn)標(biāo)簽頁(yè)的兩種方式

    AngularJS實(shí)現(xiàn)標(biāo)簽頁(yè)的兩種方式

    這篇文章分別給大家介紹了AngularJS實(shí)現(xiàn)標(biāo)簽頁(yè)的兩種方式，一種是通過(guò)普通指令實(shí)現(xiàn)標(biāo)簽頁(yè)，另外一種是通過(guò)自定義指令實(shí)現(xiàn)的標(biāo)簽頁(yè)，有需要的朋友們可以來(lái)參考借鑒，下面來(lái)一起看看吧。
    2016-09-09
  • Angular?模塊封裝概念常見(jiàn)的錯(cuò)誤分析理解

    Angular?模塊封裝概念常見(jiàn)的錯(cuò)誤分析理解

    這篇文章主要為大家介紹了Angular模塊封裝概念常見(jiàn)的錯(cuò)誤分析理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2023-07-07
  • Angular4學(xué)習(xí)筆記之準(zhǔn)備和環(huán)境搭建項(xiàng)目

    Angular4學(xué)習(xí)筆記之準(zhǔn)備和環(huán)境搭建項(xiàng)目

    這篇文章主要介紹了Angular4學(xué)習(xí)筆記之準(zhǔn)備和環(huán)境搭建項(xiàng)目，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-08-08
  • requirejs AngularJS結(jié)合使用示例解析

    requirejs AngularJS結(jié)合使用示例解析

    這篇文章主要為大家介紹了requirejs AngularJS結(jié)合使用示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2023-06-06
  • Angularjs之filter過(guò)濾器(推薦)

    Angularjs之filter過(guò)濾器(推薦)

    這篇文章主要介紹了Angularjs之filter過(guò)濾器的相關(guān)資料,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2016-11-11
  • AngularJS基于factory創(chuàng)建自定義服務(wù)的方法詳解

    AngularJS基于factory創(chuàng)建自定義服務(wù)的方法詳解

    這篇文章主要介紹了AngularJS基于factory創(chuàng)建自定義服務(wù)的方法,結(jié)合實(shí)例形式分析了AngularJS使用factory創(chuàng)建自定義服務(wù)的具體步驟、操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2017-05-05
  • 詳解Angular CLI + Electron 開(kāi)發(fā)環(huán)境搭建

    詳解Angular CLI + Electron 開(kāi)發(fā)環(huán)境搭建

    本篇文章主要介紹了Angular CLI + Electron 開(kāi)發(fā)環(huán)境搭建，具有一定的參考價(jià)值，有興趣的可以了解一下
    2017-07-07
  • AngularJs IE Compatibility 兼容老版本IE

    AngularJs IE Compatibility 兼容老版本IE

    本文主要介紹AngularJs IE Compatibility 兼容老版本IE的問(wèn)題及解決辦法，有興趣的小伙伴可以參考下
    2016-09-09
  • AngularJS壓縮JS技巧分析

    AngularJS壓縮JS技巧分析

    這篇文章主要介紹了AngularJS壓縮JS的操作技巧,分析了AngularJS進(jìn)行壓縮（minify）之后出現(xiàn)的問(wèn)題與相應(yīng)的解決方法,需要的朋友可以參考下
    2016-11-11

最新評(píng)論