如何在angular 2應用程序中包含salvattore javascript庫

Question

我知道有很多關於如何在angular 2應用程序中包含javascript庫的答案，但是由於我未知的原因，我的代碼無法正常工作。

所以我在索引文件中添加了salvattore腳本。加載該文件時，我在運行應用程序時檢查了源文件。

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

然后在我的組件中添加了clarify語句。不確定我是否在組件類的正確位置添加了聲明：

@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;

在id以下是html組件：

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

我不確定我還要做什么才能使其正常工作，甚至可能。 但是樣式和列不起作用。

請指導！ 謝謝

Answer 1

您必須像這樣安裝salvattore：

npm install salvattore --save

然后必須在.angular-cli.json中進行設置，例如：

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

祝你今天愉快