current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Join the Stack Overflow Community
Stack Overflow is a community of 6.3 million programmers, just like you, helping each other.
Join them; it only takes a minute:
Sign up
up vote 50 down vote favorite
18

I develop locally and I use AngularJS 2.0 developer preview.

I wonder if there is a version of Bootstrap for AngularJS 2.0? I saw that there was a version for Angular1.*. Is there a CSS framework for AngularJS 2.0? Or should you use jQuery and Bootstrap yet?

share|improve this question

closed as primarily opinion-based by Kato, Xiong Chiamiov, Daniel Beck, HaveNoDisplayName, Michael Gaskill Jun 18 at 4:13

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise.If this question can be reworded to fit the rules in the help center, please edit the question.
1  
Angular 2 is now in beta. Any updates to the answers below? – Amitabh Jan 15 at 4:10
    
I have posted my findings below. – mc.suchecki Jan 16 at 19:31
    
Angular 2 Material - github.com/angular/material2/blob/master/GETTING_STARTED.md – Gopinath Shiva Sep 20 at 5:28
up vote 60 down vote accepted

TL;DR: As for now (January 2016) it appears that you are better off with Bootstrap - to be specific - using the GitHub project - ng2-bootstrap.

Twitter Bootstrap

There are now 3 projects on GitHub that are trying to provide Bootstrap directives for angular2:

From these above, the first one appears to be the most popular and to offer most features. The last one provides only 2 directives as for now, the second appears to support 13 components (and counting) and the first seems to have 14. Also, ng2-bootstrap targets to support both Bootstrap 4 and 3, ng-bootstrap supports only Bootstrap 4. There is no information about Bootstrap compatibility with the last one.

ZURB Foundation

Unfortunately, nothing for Angular/Foundation integration as for now. Foundation 6 may offer some Angular 2 support - see here.

Angular Material

Unfortunately, the famous angular/material library is likely not getting angular2 support anytime soon. This issue on GitHub appears to provide the most recent information on that topic. Here is the repository for Angular2 Material Design official implementation.

I did not check any other frameworks. However, I just started a small project using ng2-bootstrap, so I may be able to provide some feedback later.

share|improve this answer
1  
At an Angular Material workshop at ng-nl by a core team member I heard to expect it at soonest in fall 2016 – Maarten Feb 25 at 8:10
1  
very frustrating that the Material page doesn't mention it only supports angular1 - wasted time installing it :-( – Simon_Weaver Mar 28 at 18:45
5  
Angular Material 2 is under development - github.com/angular/material2 – BlueSilver Jun 14 at 11:40
5  
Also consider PrimeNG – Deoxyseia Jun 21 at 22:14
2  
You could use covalent, it's built using Material Design – calazans Jul 26 at 19:56
up vote 28 down vote

You could look into PrimeNg, using their material theme you pretty much have a lot. They have built it using TypeScript and used a bit of jQuery but not for any DOM manipulations.. so its pretty interesting. About Angular Material its pretty much in alpha stage and will require quite sometime. According to PrimeNg they are pretty much on the final stages of their RoadMap I have made a demo of PrimeNg and used Material Design Lite for styling here's a showcase...P.S its WIP My Repo : https://github.com/pratikthecook/salesAppDemo http://www.primefaces.org/primeng/

Update 1 : They have released there version 1.beta and there final release in synced with angular2 final release link : http://blog.primefaces.org/?p=3864#comment-13674

share|improve this answer
    
This looks the most promising now by far. I'm very weary of these 'connectors' between two different beta products written by a third person! PrimeNg having a dependency on Angular2 should all stay in sync and you can drive your updates (pre release of Angular2) based on PrimeNg releases. Also the documentation looks great and the real templates are very nice (but not free). Make sure you only look at templates with 'ng' in the name as a lot of the templates only support their other products and not yet angular2 – Simon_Weaver Apr 4 at 19:35
    
you right, but i couldn't find any templates mentioned with ng like you said, could you post some link that you found supporting the angular2. As on their website PrimeNg they have mentioned three templates under Premium Layouts and Themes for PrimeNG (modena, rio and admantium) so im guessing these will support PrimeNg angular2 components. – Pratik Kelwalkar Apr 5 at 5:13
    
They never supported angular 1 (I'm second guessing this as I write it but pretty sure). They really ought to have called it primeng2 – Simon_Weaver Apr 5 at 5:15
    
Yes. Only angular 2 - blog.primefaces.org/?p=3741 – Simon_Weaver Apr 5 at 5:17
up vote 1 down vote

Yes, I think, ng-bootstrap is good to go with angular2. Checkout https://github.com/ng-bootstrap/core

share|improve this answer
5  
'Good to go' may be a strong choice of words here, as of today Bootstrap 4 and Angular 2 are still pre release and ng-boostrap has barely started – Blowsie Jan 14 at 8:37
up vote 0 down vote

There are a couple of projects to add Bootstrap features to an AngularJS app using framework code (Angular directives):

  1. https://github.com/angular-ui/bootstrap
  2. http://mgcrea.github.io/angular-strap/

Both works well with AngularJS >= 1.2, but as AngularJS 2.0 is not stable yet I don't know if they supports it too. You shouldn't have problem with CSS, that should work in 2.0 too, the problems can come from the directives.

BTW I would recommend to not use AngularJS 2.0 in a production environment before it get the first stable release, as you see, there isn't much support (I mean almost zero support) for it.

share|improve this answer
up vote 0 down vote

For Angular 2, I recommend Angular Material which is easier to use in my opinion. here , there is a simple project that uses Angular Material and here, you will see the demo video. it's very straight forward.

share|improve this answer
up vote 0 down vote

You really shouldn't use Angular2 right now for real projects. Probably, there will be a lot of breaking changes.

When the time is right, one of the first layout frameworks will probably be Angular Material.

share|improve this answer
3  
If you're reading this in October, you can take Angular 2 for a spin for real. – Rexford Oct 8 at 20:03
    
Yeah, but Angular Material 2 doesn't have the nice layout directives for responsive design that Angular Material 1 does, and according to github.com/angular/material2/issues/946 it may be very difficult to implement in Angular 2. – Jim Oct 22 at 13:51
up vote 0 down vote

As ive seen a lot of them are missing the basic set of directives for input, even PrimeNg, so ive created a set of them do check out. its WIP

https://github.com/pratikthecook/appDirectives/

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.