我的一半基金会6在Angular4中没有工作

Question

某些Foundation 6元素适用于我的Angular App，例如.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指向的那些文件确实存在。

Answer 1

在询问不同的聊天频道后，这就是我学到的东西

  

你真的应该有一个基础的包装，我不确定有   一，有一个用于bootstrap，还有一个用于material2。我会   从那里开始看看那些组件。基金会不提供任何   Angular在组件方面的优势，因为它们不是   专门为角度而写。你仍然可以选择那个   您喜欢的基础SCSS / CSS，但您必须这样做   编写自己的组件或使用bootstraps，只是它们   像基金会   即：https://material.angular.io/components或   https://ng-bootstrap.github.io/#/home

• @zurie on Gitter

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