AngularJSではじめるHTML5開発 – Part8 モーダルダイアログによる新規レコード作成フォーム at nkjmkzk.net

Part7の続きです。 今回は新規ゲスト作成フォームを実装していきます。Part6で登場したモーダルダイアログ、そしてPart7で登場したPromise/Deferredパターンを駆使していきます。 まずは今回開発する部分をデモでみてみましょう。 デモ それでは実装へ。 新規ゲストフォームのモーダルダイアログを作成する まずモーダルダイアログとなるHTMLマークアップを作成しておきましょう。 <!-- Modal for newGuestForm --> <script type="text/ng-template" id="T_newGuestForm"> <div class="modal-header"> <button type="button" class="close" ng-click="$dismiss()">&times;</button> <h3>新規ゲスト</h3>

[plasma0713]

“子scopeは親scopeのプロパティを参照できますが、親scopeは子scopeのプロパティにアクセスできません。 今回、openNewGuestForm()は親scopeとなり、モーダルダイアログはその子scopeとして作成されます。”

[takaken1123]

[2015-10-23 10:03]