Angularjs + Zurb基金會，他們一起玩好嗎？

我很難設置角度和基礎3（後端導軌）的項目。所以我一直在尋找很多，但結果並不多。Angularjs + Zurb基金會，他們一起玩好嗎？

我從一個子文件夾服務角（本地主機：3000 /應用），並啓動了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。

所以，我可以找到一個統一的答案，你能否請，確認如果現在我可以直接使用基礎角度。謝謝。

來源

2013-07-17 raulricardo21

這取決於基礎是如何工作的，似乎你應該能夠在基礎完成更新之後手動引導角度，假設它不會進一步添加/移除DOM元素，而且您也不期望成爲能夠從Angular內部綁定到基礎控件上的事物。基本上問題是這兩個庫都希望最有可能控制DOM，並且在Angular中使用$ scope，它需要知道在javascript中所做的更改（如果這發生在Angular組件之外，那麼它不會應用$手錶不更新）。 – shaunhusain

到目前爲止，基礎網格工作正常，但不能很好地工作基礎 – raulricardo21

最好的選擇是將角色服務中的Foundation插件包裝起來，或者只使用框架提供的CSS/SASS並重新創建行爲。專注於使用標記+樣式表進行原型設計，然後以角度方式創建邏輯。至少，如果我需要/必須使用基金會，我會這樣做。

Twitter Bootstrap以類似的方式工作，移動到這個框架的唯一好處是，你可以找到大量的角度模塊/指令包裝可用的插件。在這種情況下，你不必兩次做好同樣的工作。

看看這裏：http://mgcrea.github.io/angular-strap/在第一位。
然後尋找基於引導組件在Bower.io Components Directory

此外，因爲一些人在評論中所提到的，你可能需要手動引導你的應用程序，這是作爲一個模塊中的應用程序包你一樣簡單運行：

angular.bootstrap(element[, modules]); 

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

正如我所說，通常最好不要重新發明輪子。

編輯：

有關於這個話題在谷歌論壇一個有趣的討論（和勿庸置疑用戶的結論是非常相似的）：https://groups.google.com/d/msg/angular/Htkzt7Fsaog/TeFm5l4snTwJ

來源

2013-09-17 16:26:29

的組成部分嗯，這對任何框架都是如此。 Angular通過處理DOM交互和修改非常自然，所以任何框架組件庫都會遇到問題。 –

是的，但重點是：即使你必須重寫某些東西，通常它會更乾淨，而且當你以角度的方式進行時，則需要更少的時間。 –

您可以使用角UI的基礎庫GitHub上，它可能是從最好的地方開始，

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

來源

2013-12-20 11:14:18 Nikos

這裏的幾乎完全適應Angular UI Bootstrap組件到Foundation CSS：http://madmimi.github.io/angular-foundation/。

來源

2014-01-26 12:11:06 sorich87

Angularjs + Zurb基金會，他們一起玩好嗎？

回答

相關問題