Thoughts on using Zurb's Foundation+AngularJS?

Question

I know this sounds like a pretty generic question, but I have already made a research and there is not much information out there, other than these two seem not to "play" very well together.

I am referring to the latest version of Foundation, 5, which just got released. If AngularJS can work with jQuery, and Foundation is using jQuery, what is it that causes the problem, if there is a problem at all.

Has any of you used these two together? And what could be some better alternatives on the JS side of things? Backbone? Ember? Which one would work with Foundation and why?

p.s. I am aware that Twitter Bootstrap works well with AngularJS, however, for my project, Foundation is a requirement.

Thanks,
Iraklis

Answer 1

Yes, http://pineconellc.github.io/angular-foundation/ is evolving over the time, and now you have very less distance between bootstrap and foundation in terms of angular integration, and also plenty of documentation on Foundation site

http://foundation.zurb.com/sites/docs/ can help you get the things done.

Answer 2

We recently adapted most Angular UI Bootstrap components for use with the Foundation CSS and open sourced the code: http://pineconellc.github.io/angular-foundation/

Answer 3

I've been using AngularJS with Foundation 4 without any problems for a while now - as others have said, you need to do a bit more work yourself but it's not a big deal.

In saying that, I've just upgraded to Foundation 5 and it's broken my Reveal provider for AngularJS (won't close)!

Answer 4

The Angular-UI project provides deep integration of Twitter Bootstrap and AngularJS. That does not mean that Foundation Zurb and AngularJS does not work well together.

With Zurb you have higher integration effort than with a ready-baked framework if you stick to standard components. At the time you need additional components you have to do the integration yourself anyway.

This is the same for other Javascript frameworks like Ember, btw.