1

I need to migrate an site from one framework to another because I need to use Angular JS. I found zurb-foundation very interesting. It happens that it seems to use jQuery.

According to this website https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together

When building out Angular projects, you should not add on the full jQuery library. jQlite is already included in Angular and this should be all the jQuery that is necessary.

I had a bad experience running Bootstrap and Angular together and I don't want to repeat the same mistake.

It happens that I found the following line at zurb-foundation index.html

<script src="js/vendor/jquery.js"></script>

A quick search has shown that it seems to be a "simplified" version of jQuery (am I wrong?).

I've seem many people questioning things related to Angular in Foundation apps.

My question is: Is Angular compatible with Foundation?

Chocksmith
  • 1,188
  • 2
  • 12
  • 40
  • If the thing in question doesn't interface with the DOM - i.e. lodash, you can just call it straight from Angular. If it does DOM manipulation you have to make it part of Angular's digest cycle, meaning you just need to worry about calling `$digest`/`$apply` at the right time, conserving `$watch` counts, etc inside a directive so that it goes with the flow of Angular. The plumbing is not always easy and may not be 1-1 with the API of the framework, but I've done it before on small stuff. If you're new to Angular it may be non-trivial if you're not used to a client-side MV* framework, yet. – Jesus is Lord Apr 08 '16 at 21:59

2 Answers2

1

While you'll read in many places that you should stay away from jQuery when using Angular, you'll also notice a subtle "at first" here and there. Angular is quite opinionated, and employs a declarative way of doing things, whereas jQuery is imperative. Check this out for more on the topic.

To answer your question:

Scotch.io's tutorial about Angular and Bootstrap involves UI Bootstrap, a library of directives written in Angular to be able to integrate common Bootstrap functionalities easier.

The equivalent of UI Bootstrap for Foundation is Angular Foundation. I recommend giving this thread a look-over as well, as it contains information that may be relevant to your use case.

So yes, Angular is compatible with Foundation. Happy hacking :)

Community
  • 1
  • 1
Dan Balaban
  • 735
  • 8
  • 10
0

a quick answer is of course they are compitable with each other. check this out from Zurb. However if you do not want to use JQuery, then the easiest way is to use pineconellc for foundation 5. foundation 6 does not have a port yet as far as I know.

Zhiliang Xing
  • 1,057
  • 1
  • 8
  • 19