5

我很难用 Angular 和 Foundation 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。

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

4

3 回答 3

4

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

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

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

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

angular.bootstrap(element[, modules]);

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

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

编辑：

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

于 2013-09-17T16:26:29.727 回答
3

这是 Angular UI Bootstrap 组件对 Foundation CSS 的几乎完整改编：http: //madmimi.github.io/angular-foundation/。

于 2014-01-26T12:11:06.690 回答
1

您可以使用 github 上的 angular-ui-foundation 库，它可能是最好的起点，

https://github.com/mhayes/angular-ui-foundation

于 2013-12-20T11:14:18.613 回答