Angular 2 - 使用外部庫

我最近開始使用Angular2（類型腳本），一切都很順利，直到我試圖導入外部JavaScript庫https://github.com/marchock/vertical-blocks。我已經嘗試了幾個方法，但沒有任何工作，我通常會得到一個錯誤，顯示庫沒有定義。Angular 2 - 使用外部庫

來源

2016-02-03 Ryan

請發表你如何試圖導入庫。 –

這是一個如何導入jQuery的例子。對於大多數外部庫來說，這個概念是相似的：http://www.syntaxsuccess.com/viewarticle/using-jquery-with-angular-2.0 – TGH

這是一個全局庫，所以你不需要import這個。相反，用它作爲你通常會前：

@Component({...}) 
export class ExampleComponent{ 
    verticalBlocks: any; 

    ngOnInit(){ 
     this.verticalBlocks = new VerticalBlocks({ 
      ...  
     }); 
    } 
}

，取而代之的import簡單地聲明變量VerticalBlocks使打字稿不會抱怨你使用它，知道它是一個使用

declare var VerticalBlocks: any;

一個全局庫

位於您的.ts文件的頂部。

然後，只需在你的HTML添加腳本像往常一樣：

<script src="path/to/verticalblocks.js"></script>

來源

2016-02-03 18:13:15 SnareChops

謝謝，這解決了我的問題。 – Ryan

如果此問題解決了您的問題，請務必點擊答案旁邊的複選標記，因爲這將有助於其他人日後找到最能幫助您的答案。 – SnareChops

這對我也有幫助 - 你的評論雖然從軟件語言學的角度來看是有趣和悲傷的 - 這就像告訴某人喜歡某事 - 它不是你的錯，但想象一下，如果stackoverflow可以解析「固定」並自動檢查它 - 它也可以簡單在您評論之前詢問您的問題 – headwinds

Angular 2 - 使用外部庫

回答

相關問題