~Linux、MySQLからAJAXまでブートストラップ3を使って作成したナビゲーションメニューをAngularJSを使う形に変更する方法Bootstrap3を使って作成したナビゲーションメニューをAngularJSを使う形で変更する方法をまとめました。ブートストラップ3でナビゲーションメニューを作る方法は下記参照。※目次をクリックすると目次の下部にコンテンツが表示されます。1.WordPressのテーマにAngularJSを導入2.ナビゲーションメニューをAngularJS対応に変更WordPressのテーマにAngularJSを導入1)AngularJSとBootstrap3を共存するには?上記参考記事で作成したナビゲーションメニューでは、ドロップダウンメニューなどの機能でBootstrap3のJavaScript機能を使用しています。AngularJSを導入するとBootstrap3のJavaScriptのコードと干渉してしまうようで、AngularJSとBootstrap3を共存する場合は下記ツールを導入すると良いようです。・jqueryは、WordPress同梱のものは使わない。?>3)header.phpの<html>タグにng-appの記述追加ここでは、モジュール名を”MyApp”としています。?>>ナビゲーションメニューをAngularJS対応に変更ナビゲーションメニュー部に”collapse”コンポーネントを使用されていますが、Bootstrap3とAngularJS対応で記述の仕方が異なるので下記オンラインマニュアルを参照して変更しました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。