So schließen Sie eine Drittanbieterbibliothek an Angular 4 für die Verwendung als Dienst an

Question

Ich versuche, meine Angular 4-Anwendung, die mit der Angular CLI erstellt wurde, mit einer eigenen Typisierungsdatei, die ich aber nicht verstehe, mit zu versehen wie man das Paket importiert und es benutzt. Der Import unten erscheint mir die Ausfuhr des Pakets zu bekommen, aber ich verstehe nicht, wie sie zuzugreifen:

import * as Collection from 'collect.js'; 

Dies ist die collect.js-Datei importiert werden:

function Collection(collection) { 
    this.items = collection || []; 
} 

Collection.prototype[Symbol.iterator] = require('./methods/symbol.iterator'); 

Collection.prototype.all = require('./methods/all'); 
// ... removed for brevity 
Collection.prototype.zip = require('./methods/zip'); 

module.exports = collection => new Collection(collection); 
module.exports.default = collection => new Collection(collection); 

Der Import Collection eine Methode, wie man sie vom Modul-Export erwartet, aber ich kann sie nicht aufrufen, ohne dass VSCode sagt, dass sie keine Signatur hat, und ich bin mir auch nicht sicher, ob die Typisierung automatisch geladen wird oder ob ich sie manuell hinzufügen muss. Ich hatte gehofft, einen Service daraus zu machen, indem ich es einmal importiere, dann nur Mapping - Methoden, und dann das im CoreModule zur Verfügung stelle, damit ich es verwenden und verwenden kann, wo auch immer ich in der Anwendung will API, um es zu einem Service zu machen.

Answer 1

Wenn Sie Ihrer Angular-Anwendung eine Drittanbieterbibliothek hinzufügen möchten und die Angular CLI verwenden, befolgen Sie die Anweisungen unter dem folgenden Link.

https://github.com/angular/angular-cli/wiki/stories-third-party-lib

Eine Zusammenfassung der Schritte sind wie

die Bibliothek installieren folgt und Typisierungen Bibliothek unter Verwendung von npm.

npm install <library-name> --save 
npm install @types/<library-name> --save-dev 

fügen Sie dann die Bibliothek auf die Typen Array src/tsconfig.app.json

"types":[ 
    "<library-name>" 
] 

Verwenden der Bibliothek in Code als normal.

Wenden Sie sich an den obigen Link, wenn Sie Probleme haben.