2017-05-29 76 views
0

我想在我的项目中实现magnify.js。为放大基准是 http://mark-rolich.github.io/Magnifier.js/使用magnifyjs和angular 4

我装放大镜JS和事件JS按照文档,并试图把

ngOnInit() { 
    this.magnifier(); 
    } 

    magnifier(){ 
    var evt = new Event(), // throwing error 
    let m = new Magnifier(evt); // throwing errror 
    m.attach({ 
    thumb: '#thumb', 
    large: 'http://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Starry_Night_Over_the_Rhone.jpg/400px-Starry_Night_Over_the_Rhone.jpg', 
    largeWrapper: 'preview' 
}); 

我得到这个错误

Cannot find name 'Magnifier' 

在我的理解,放大镜和事件.js都是原生的JavaScript类。在这种情况下,我如何初始化这些类

+0

您是否正在使用Angular CLI?或者一个不同的种子项目? –

+0

角度cli项目 –

+0

我用另一个插件修复https://thdoan.github.io/magnify/...感谢您的努力。 –

回答

0

如果您已经按照其文档所述在主HTML中包含放大镜和事件源,最简单的方法是在全局范围内声明放大镜和事件您的组件的顶部:

var Magnifier; 
var Event; 
+0

错误通知程序(红色下划线)消失了。但是我得到了这个错误。 'const'声明必须在控制台中初始化 –

+0

我将它包含在angular-cli.json中 –

+0

让我创建一个示例项目,然后我将向您发送Git存储库。 –