Angular.jsとBootstrapを競合させずに使う
普通にやったらアウトっぽい。
知らずにBootstrapに後からAngular.js突っ込んでてうまく動かなかったので、以下の手順でなんとかした。
- jquery.js, bootstrap.jsを外す。
bower install angular-ui-bootstrap-bower --save
- angular-ui-bootstrapってのもあるが、こっちは依存がやたら多く、ソースからコンパイル用っぽい。
angular.module()
の第2引数でui.bootstrap
への依存を指定。- Bootstrapのオリジナルの動作指定は使えないので、ここの下の方を参考に、HTMLを書き換える。
つーか最初からちゃんとやってればよかった。