我正在使用基础 6 css 和 angular 4，但它无法正常工作。我不能使用基础的javascript，尤其是基础的模式。网络上的所有方向都指向boostrap和angular。希望基金会和 Angular 社区可以提供帮助。
问题是如何正确设置foundation 6 css和scss以及angualar 2框架，然后使用foundation 6的模态窗口谢谢。
【问题讨论】：
标签： jquery angular typescript zurb-foundation zurb-foundation-6
要使 javascript 正常工作，您需要在 app.component.ts 中使用 jQuery 初始化 javascript - 我在 ngOnInit 函数中执行此操作 - 像这样
ngOnInit() {
$(document).foundation()
}
这样，所有 javascript 都将在您的应用程序中初始化 - 假设您已正确设置项目（即将 javascript 文件添加到 .angular-cli.json - 脚本数组）
您可能需要决定是否要在项目设置中使用 css 或 scss，因为选择一个会大大简化过程。
如果您对如何设置项目和导入样式有一般性问题，请评论我的帖子，我会根据您需要知道的内容更新我的答案。
克里斯的问候
【讨论】：
$(document).foundation() 添加到 app.component.ts 中的 ngOnInit 时它没有工作，但是当我添加它时到它工作的 html 中带有模态的单个组件。有没有一种方法或某事我做错了，以使其更加全球化，而不是在我拥有的每个组件中声明它。谢谢