comment inclure la bibliothèque javascript salvattore dans l'application angulaire 2

Question

Je sais qu'il y a beaucoup de réponses sur la façon d'inclure des bibliothèques javascript dans une application angulaire 2, mais la mienne ne fonctionne pas pour des raisons que je ne connais pas.

J'ai donc ajouté le script salvattore dans le fichier d'index. Lors de son chargement, j'ai vérifié les fichiers source lorsque j'ai lancé l'application.

<script src="~/src/js/salvattore.min.js"></script> 

Puis dans mon élément, j'ai ajouté le statement.Not annoncez que si je l'ai ajouté au bon endroit extrait de quoi ressemble ma classe de composants:

@Component({ 
    selector: 'test-comp', 
    templateUrl: './test.component.html', 
    styleUrls: ['./test.component.css'] 
}) 
declare var salvattore: any; 

export class TestComponent implements OnInit { 
    rightPanelTabs: any = { shedule: true, leaderboard: false }; 
    header: any; 
    leftmenu: any; 
    rightmenu: any; 
    opts: ISlimScrollOptions; 
    blurbs: any; 
    _route: any; 

ci-dessous id le code html composant :

<div id="grid" data-columns> 
    <div>Item #1</div> 
    <div>Item #2</div> 
    <div>Item #3</div> 
    … 
    <div>Item #20</div> 
</div> 

Je ne sais pas quoi d'autre je suis supposé faire pour le faire fonctionner ou si c'est même possible. Mais le style et les colonnes ne fonctionnent pas.

S'il vous plaît guider! Merci

Answer 1

Vous devez installer salvattore comme:

npm install salvattore --save

et vous devez le mettre dans le .angular-cli.json comme:

"scripts": [../node_modules/...], 

ont une belle journée