5

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

いくつかのビューは問題なく機能します。しかし、基礎タブを使用しようとすると、Angular が $routeProvider に対してチェックする必要がある URL としてアンカーを渡すため、機能する可能性があります。

だから、私はここでいくつかの質問をチェックします.答えの一部は、角度でhtml5モードを有効にする基盤がうまく機能するという印象を与えます. （私はそれを作ることができました）そして他の答えは、Angularで作業基盤を作るためには、基盤上のすべてのコンポーネントのディレクティブを書くべきだと言います. または、最後のケースは Twitter Bootstrap への移行です。

それで、私は統一された答えを見つけることができます。お願いします、今、角度付きのファンデーションを直接使用できるかどうかを確認してください。ありがとう。

4

3 に答える 3

4

最善の選択は、Foundation プラグインを角度のあるサービスにラップするか、フレームワークで提供される CSS/SASS のみを使用して動作をゼロから再作成することです。マークアップ + スタイルシートを使用したプロトタイピングに焦点を当ててから、Angular の方法でロジックを作成します。少なくとも、これは、Foundation を使用する必要がある場合、または使用しなければならない場合に行うことです。

Twitter Bootstrap は同様の方法で動作し、このフレームワークに移行する唯一の利点は、利用可能なプラグインをラップする角度のあるモジュール/ディレクティブがたくさんあるという事実です。この場合、同じ作業を 2 回行う必要はありません。

  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

于 2013-09-17T16:26:29.727 に答える
1

github で angular-ui-foundation ライブラリを使用できます。おそらくそこから始めるのが最適です。

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

于 2013-12-20T11:14:18.613 に答える