2017-05-29 78 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存儲庫。 –