Angularjs + Zurb Foundation，他们一起玩得好吗？

Question

我很难用 Angular 和 Foundation 3(后端的导轨)建立一个项目。所以我一直在搜索，但没有很多结果。

我从一个子文件夹(localhost:3000/app)提供 Angular ，并启动了类似这样的html

!!!5
%html{ "ng-app" => "App" }
  %head
    -# I tried this for html5 url on angular, not so much help so far
      %base{:href => "/app/"}
    %title
      NG APP
      ...
  %body
    %header
      ...
    %main
      = yield
    %footer
      ...
    = javascript_include_tag "application"
    = yield :javascripts

几个 View 工作得很好。但是当我尝试使用基础选项卡时，我可以工作，因为 Angular 将 anchor 作为 url 传递，应该检查 $routeProvider。

所以，我在这里检查了一些问题，部分答案给我的印象是基础工作正常，以 Angular 启用 html5 模式。 (我可以做到)和其他答案说，为了用 Angular 制作工作基础，应该为基础上的每个组件编写一个指令。或者最后一个案例是转移到 Twitter Bootstrap。

所以，我可以找到一个统一的答案，请您确认我现在是否可以直接使用带 Angular 的基础。谢谢。

Answer 1

最好的选择是将 Foundation 插件包装在 Angular 服务中，或者仅使用框架提供的 CSS/SASS 并从头开始重新创建行为。专注于使用标记+样式表进行原型(prototype)设计，然后以 Angular 方式创建逻辑。至少，如果我需要/必须使用 Foundation，我会这样做。

Twitter Bootstrap 以类似的方式工作，迁移到该框架的唯一优势是您可以找到大量包装可用插件的 Angular 模块/指令。在这种情况下，您不必两次完成相同的工作。

看这里:http://mgcrea.github.io/angular-strap/首先。

然后在 Bower.io Components Directory 中查找基于 Bootstrap 的组件

此外，正如评论中的某些人所提到的，您可能需要手动引导您的应用程序，这就像将您的应用程序包装在一个模块中并运行一样简单:

angular.bootstrap(element[, modules]);

// http://docs.angularjs.org/api/angular.bootstrap

正如我所说，通常最好不要重新发明轮子。

编辑:

Google Groups 上有一个关于这个话题的有趣讨论(不出所料，用户的结论非常相似): https://groups.google.com/d/msg/angular/Htkzt7Fsaog/TeFm5l4snTwJ