? ? ? 因為業務需要做一個可以瀏覽放大圖片的插件

? ? ? 按照常規套路：

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

? ? ? 引用js，css，調用初始化方法，傳入參數————前端功能正常使用，哈哈，很流暢嘛。

? ? ? 剛要和同時炫耀，發現點到其他頁面再點回來的時候圖片就不能正常顯示了。果然有坑..

? ? ? ?debug發現原來是：

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。