? ? ? 因?yàn)闃I(yè)務(wù)需要做一個(gè)可以瀏覽放大圖片的插件

? ? ? 按照常規(guī)套路：

var magnifierConfig :any= {magnifier:"magnifier1",//最外層的大容器width : 500,//承載容器寬height : 500,//承載容器高moveWidth : null,//如果設(shè)置了移動(dòng)盒子的寬度，則不計(jì)算縮放比例zoom : 5//縮放比例 };var _magnifier = magnifier(magnifierConfig);

? ? ? 引用js，css，調(diào)用初始化方法，傳入?yún)?shù)————前端功能正常使用，哈哈，很流暢嘛。

? ? ? 剛要和同時(shí)炫耀，發(fā)現(xiàn)點(diǎn)到其他頁面再點(diǎn)回來的時(shí)候圖片就不能正常顯示了。果然有坑..

? ? ? ?debug發(fā)現(xiàn)原來是：

var _magnifier = magnifier(magnifierConfig);這一步執(zhí)行的時(shí)候第一次加載的時(shí)候可以正常調(diào)用插件里的magnifier方法，但是到第二次的時(shí)候magnifier就變成了一個(gè)div？？？，這是為啥？原來是var magnifierConfig :any= {magnifier:"magnifier1",//最外層的大容器width : 500,//承載容器寬height : 500,//承載容器高moveWidth : null,//如果設(shè)置了移動(dòng)盒子的寬度，則不計(jì)算縮放比例zoom : 5//縮放比例 };這一步里的magnifier變量搞的鬼，第二次點(diǎn)擊進(jìn)入該頁面的時(shí)候angularjs2的變量還存在，

總結(jié)

以上是生活随笔為你收集整理的angularjs2使用magnifier图片展示插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。