Angularjs + Zurb基金会,他们一起打得好吗？

Question

我很难设置一个角度和基础3的项目(后端的导轨).所以我一直在搜索,但结果并不多.

我正在从子文件夹(localhost:3000/app)提供角度,并启动了类似这样的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

几个视图工作就好了.但是当我尝试使用基础选项卡时,我可以完成工作,因为角度传递锚点作为一个url,可以检查$ routeProvider.

所以,我在这里检查了一些问题,部分答案给我的印象是基础工作很好,能够在角度上启用html5模式.(我可以做到)和其他答案说,为了使角度的工作基础应该为基础上的每个组件编写指令.或者最后一个案例是转向Twitter Bootstrap.

所以,我可以找到一个统一的答案,请你,请确认我现在是否可以直接使用角度基础.谢谢.

Answer 1

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

Twitter Bootstrap 以类似的方式工作，迁移到这个框架的唯一优点是您可以找到大量包装可用插件的角度模块/指令。在这种情况下，您不必将同样的工作做两次并且做得很好。

1. 首先看看这里：http://mgcrea.github.io/angular-strap/ 。
2. 然后在Bower.io 组件目录中查找基于引导程序的组件

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

angular.bootstrap(element[, modules]);

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

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

编辑：

关于此主题，Google 网上论坛有一个有趣的讨论（不出所料，用户的结论非常相似）：https ://groups.google.com/d/msg/angular/Htkzt7Fsaog/TeFm5l4snTwJ