如何在angular 2应用程序

时间:2017-09-21 06:10:27

标签: javascript angular layout

我知道如何在角度2应用程序中包含javascript库有很多答案,但是由于我不知道的原因,我的工作不正常。

所以我在索引文件中添加了salvattore脚本。加载我运行应用程序时检查了源文件。

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

然后在我的组件中我添加了声明语句。不确定我是否已将其添加到正确的位置 我的组件类看起来的片段:

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

下面是组件html:

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

我不确定我还想做些什么才能让它发挥作用,或者它是否可行。 但样式和列不起作用。

请指导! 感谢

1 个答案:

答案 0 :(得分:0)

您必须安装salvattore,如:

npm install salvattore --save

然后你必须在.angular-cli.json中设置它:

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

度过愉快的一天