使用Angular 2正确设置Foundation 6,然后在组件中使用基础模态

时间:2018-01-12 11:26:17

标签: jquery angular typescript zurb-foundation zurb-foundation-6

我使用的是基础6 css和angular 4,但它不能正常工作。我不能使用基础的javascript,特别是基础的模态。网上的所有方向都指向boostrap和angular。希望基金会和有角度的社区可以提供帮助。

问题是如何正确设置基础6 css和scss以及angualar 2框架,然后使用基础6的模态窗口谢谢。

1 个答案:

答案 0 :(得分:0)

要使javascript正常运行,您需要在app.component.ts中使用jQuery初始化javascript - 我在ngOnInit函数中执行此操作 - 就像这样

ngOnInit() {
   $(document).foundation()
}

这样,所有javascript都会在您的应用中初始化 - 假设您已正确设置项目(即将javascript文件添加到.angular-cli.json - 脚本数组)

您可能需要决定是否要在项目设置中使用css或scss,因为选择一个会简化过程。

如果您有关于如何设置项目和导入样式的一般性问题,请评论我的帖子,我将根据您需要知道的内容更新我的答案。

亲切的问候克里斯