Angulaire: Comment charger la bibliothèque externe de Bower (non disponible dans NPM)

Question

Je veux utiliser une bibliothèque que j'ai obtenu à partir d'un bower repo.

Depuis ce n'est pas disponible dans NPM, je veux savoir comment peut il le faire fonctionner et le configurer dans mon application, ma structure ressemble à ceci:

J'ai essayé de traiter comme toute autre bibliothèque en tapant

import * as DX from 'bower_components/xtrareportsjs'; 

et j'ai essayé de l'ajouter comme un script dans l'ind ex.html OU la -cli.json angulaire partie scripts:

<script src="bower_components/xtrareportsjs/report-designer.js"></script> 

mais cela n'a pas recognoze dans tous les cas.

NB: je veux mon fichier réutiliser (comme jQuery) non seulement Excecute il

J'ai trouvé vieux explications, au sujet de l'importation sous system.JS mais comme vous pouvez le voir est pas mon cas.

Suggestions ??

Answer 1

j'ai réussi à utiliser jquery juste aller à votre angular-cli.json file puis chemin d'importation de votre bibliothèque de votre choix dans la scripts S'il vous plaît vérifier la photo ci-dessous:

Et puis utilisez sur votre appareil comme celui-ci

declare var $: any; 

@Component({ 
    selector: 'app-navigation', 
    templateUrl: './navigation.component.html', 
    styleUrls: ['./navigation.component.css'] 
}) 
export class NavigationComponent implements OnInit { 

    constructor(){} 

    ngOnInit(){ 
     console.log($('#myElement')); 
    } 
}