在Angular中導入JS庫

Question

我想在Angular項目中使用外部庫。 這是從https://github.com/bramstein/fontfaceobserver

的文檔如果您使用NPM，您可以安裝字體外觀作爲觀察員依賴：

$ npm install fontfaceobserver 
You can then require fontfaceobserver as a CommonJS (Browserify) module: 

var FontFaceObserver = require('fontfaceobserver'); 

var font = new FontFaceObserver('My Family'); 

font.load().then(function() { 
    console.log('My Family has loaded'); 
}); 

庫使用require進口，但角度不一樣，關鍵字。有沒有一些標準的導入庫的方法？

Answer 1

如果它的webpack你只能使用es6 import導入它。只要安裝了它，這對我的作品：

import FontFaceObserver from 'fontfaceobserver'

this.font = new FontFaceObserver('ariel');

this.font是這樣的：

this.font = { 
family:"ariel", 
stretch:"normal", 
style:"normal", 
weight:"normal" 
} 

Answer 2

這裏是進口的組件的方式。

import FontFaceObserver from 'fontfaceobserver'; 

export class AppComponent { 

    public fontFace: any; 

    ngOnInit() { 
    this.fontFace = new FontFaceObserver('ariel'); 
    } 
}