51ch @Nippon

こちらは高橋晃一の自己マンサイトです。万が一興味があればどうぞ。メッセージはお気軽に。

*

AngularJS×BootstrapでModal作成 Angularバージョン注意!

      2016/02/29

広告


<Situation>
よくwebサイトで見かけるモーダルを
UiBootstrap利用で作成したので躓いたポイントをmemoしておきます。
どのように作成するか、ググっているとui-bootstapの話が出てくるので、導入。
こちらのサイトを参考にやってみました。
http://qiita.com/nogson/items/41c6f3720701399d4b2a

※そもそもui-bootstrapとbootstrapの違いはなんなのでしょうか。
→ディレクティブを使えるようになること(書きやすい?)
参考
http://whiskers.nukos.kitchen/2015/07/06/angularjs-ui-bootstrap.html

<Complication>
しかーし、上記のやり方でやってやろうと思ったら、

のエラーが出てしまいました!!

<Question>
一体、どうしたことでしょうか。言われた通りにやっただけなのにー。

<Answer>
・ググること1時間。こんなちっぽけな問題にも意外と時間を取られてしまいます。
そうしてこちらにたどり着きました。
http://stackoverflow.com/questions/18733680/unknown-provider-modalprovider-modal-error-with-angularjs
さすがオーバーフロー!溢れ出しちゃいそうです。
しかも、回答者がupdateしたところでした!見落としちゃう
要は、
Angular2では、$modalという名のインジェクションの名前が変わっていて、
$uibModalにしろと
$modal→$uibModal

無事に実行ができました。めでたしめでたし!ググり力上げないとな。あと、英語力。

広告



 - プログラミング ,

  関連記事

no image
無料配布のFacebookやTwitterのソーシャルロゴアイコン素材まとめ23選|LIG INC.

アプリにソーシャルボタンを設置するときに、デザインがなく困っていたところ、 こち …

Error loading apple credentials from file

プッシュ通知の機能を実装する上で、自前でサーバーを準備するのは大変なので、AWS …

CSVをMySQLへ取り込み&改行コードについて

■背景 今回、Mac端末を使って、csvファイルからMySqlのテーブルにデータ …

iPhoneアプリリリース時の注意

iPhoneアプリリリース時に私が引っかかったのは、Archiveを取る時です。 …

swift2.0でAWSのSNSを作ってみる

SNSからプッシュ通知を受け取るためのアプリ側での記述方法がswift2.0にな …

ファビコンの設定

Stinger5のテーマを使わせてもらって、ファビコンがディフォルトのままだった …

no image
Double型結果誤差

Double型では大きな数値や少数の計算をすると計算結果に誤差が生じます。 これ …

携帯からのWordPressが便利でいいーね

 私はiPhoneからWordPressの、アプリ経由で投稿してますが、PC …

Stinger smart.cssが表示されない 犯人はイニシャルP.Jだ!

51chはWordPressで、もはや猫も杓子ものStinger3をテーマに使わ …

【AngularJS】user別に紐づく値を取得

ユーザーごとに表示する値を変更する場合のメモ。 例えば、ユーザーが保持しているポ …