gwhn
gwhn

Reputation: 2723

Upgrade ng-boilerplate to use angular ui bootstrap 3

I am using AngularJS v1.2.0-rc.3 with a project using ng-boilerplate. I want to use Bootstrap 3 so I've changed the bower file to use the branch for version 3, but now grunt fails when running the karma tests. I've isolated the problem to module dependencies on ui.bootstrap but I can't figure out what's wrong. Any ideas?

Upvotes: 1

Views: 4731

Answers (4)

craig
craig

Reputation: 5016

I ran into the same issue and already had written a lot in bootstrap 2.3.2. Instead of starting all over with someone else's git repo, you could just update several files:

  • build.config.js add in the vendor/bootstrap/js/.js where the file is the javascript that you are planning to use.
  • less/main.less which imports the bootstrap less. You could use specific less files from bootstrap or do an import of everything with:

    @import '../../vendor/bootstrap/less/bootstrap.less';
    

Upvotes: 0

wibobm
wibobm

Reputation: 696

If you're relatively new to ng-boilerplate and want to get jump started with angular support for boostrap3 this fork might be helpful.

https://github.com/MorrisLLC/ng-boilerplate

It uses the lastest versions of the boilerplate vendor libraries and most recent versions of the grunt tasks.

See the Quick Start for modified instructions on building angular-bootstrap. You have to build it because the current angular bootstrap branch does not include the tpls files (templates).

Upvotes: 1

gwhn
gwhn

Reputation: 2723

It turns out that I had to build the angular-ui-bootstrap package with grunt and change build.config.js vendor_files to use vendor/angular-ui-bootstrap/dist/ui-bootstrap-tpls-0.6.0-SNAPSHOT.min.js

Upvotes: 1

Jonathan Rowny
Jonathan Rowny

Reputation: 7588

You'll probably need to fork it for now and change the dependency on ui.bootstrap to use their BS3 branch found here: https://github.com/angular-ui/bootstrap/tree/bootstrap3_bis2

Upvotes: 3

Related Questions