Angular.jsとBootstrapを競合させずに使う

普通にやったらアウトっぽい。

知らずにBootstrapに後からAngular.js突っ込んでてうまく動かなかったので、以下の手順でなんとかした。

  1. jquery.js, bootstrap.jsを外す。
  2. bower install angular-ui-bootstrap-bower --save
  3. angular.module()の第2引数でui.bootstrapへの依存を指定。
  4. Bootstrapのオリジナルの動作指定は使えないので、ここの下の方を参考に、HTMLを書き換える。

つーか最初からちゃんとやってればよかった。