angularjs2使用magnifier图片展示插件

      因为业务需要做一个可以浏览放大图片的插件

      按照常规套路：

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的变量还存在，