我的 Foundation 6 的一半在 Angular 4 中不起作用答案

【问题标题】：Half of my Foundation6 doesn't work in Angular4我的 Foundation 6 的一半在 Angular 4 中不起作用
【发布时间】：2017-06-11 17:00:45
【问题描述】：

某些 Foundation 6 元素适用于我的 Angular 应用程序，例如 .button 类，但是当我尝试制作下拉菜单或导航栏时，它不会折叠下拉菜单

<ul class="dropdown menu" data-dropdown-menu>
  <li>
    <a href="#">Item 1</a>
    <ul class="menu">
      <li><a href="#">Item 1A</a></li>
      <li><a href="#">Item 1B</a></li>
    </ul>
  </li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
</ul>

但看起来像

--

我的.angular-cli.json 文件中有以下几行

  "styles": [
    "../node_modules/foundation-sites/dist/css/foundation-flex.css",
    "styles.scss"
  ],
  "scripts": [
    "../node_modules/foundation-sites/vendor/jquery/dist/jquery.js",
    "../node_modules/foundation-sites/dist/js/foundation.js"
  ],

我的直觉是 javascript 方面不起作用，但我不确定如何修复它。

** 我进入 NPM 文件夹以确保 .angular-cli.json 指向的那些文件确实存在。

【问题讨论】：

标签： angular zurb-foundation zurb-foundation-6

【解决方案1】：

在不同的聊天频道四处询问后，这是我学到的

你真的应该有一个基础包装，我不确定有一，有一个用于引导程序，一个用于材料2。我会从那里开始并查看这些组件。基金会不提供任何在组件方面对 Angular 有好处，因为它们不是专门为角度编写的。你仍然可以选择那个你喜欢的 SCSS/CSS 的基础作品，但你必须编写自己的组件或使用引导程序，就可以了像基础即：https://material.angular.io/components 或 https://ng-bootstrap.github.io/#/home

@zurie 在 Gitter 上

所以现在我决定研究材料，直到我了解更多。

【讨论】：