2013-05-22 16 views
5

ログイン/登録フォームのモーダルを作成しようとしていて、再利用可能なものを作りたいと思っていたので、this blog postに指示があります。私はモーダルを作るためにそれを使っていました。それは動作しますが、モーダルをポップするためにボタンをクリックすると初めて動作しません。私はBatarangを使用してスコープが作成されるのを見ることができますが、何もポップしません。それ以降のクリックは機能しますが、2つのボタンがある場合は、どちらを先に押しても機能しません。どちらか一方が機能します。角度UIブートストラップ - 最初のクリックでモーダルがポップアップしない

これを表示するにはplnkrを作成しました。私はテンプレートなどを使用しているので、それらを追加しました。 "Register"または "Login"を押すとモーダルがポップアップしませんが、もう一度クリックするとモーダルがポップすることがわかります。 Batarangの最初のプレスで作成されたスコープを見ることもできます。

ありがとうございました!

編集: 参考になると思われる情報がいくつか見つかりました。リンクを初めてクリックすると、scope.closeFormModalが呼び出されます。

scope.$watch(
    function() { 
     return scope.formModal; 
    }, 
    function (newData, oldData) { 
     if (newData === oldData) { 
      return; 
     } 
     if (newData) { 
      $compile($element.contents())(scope); 
     } 
    }); 

を機能をコンパイル$から返されたリンク機能に:

+0

これまでこれを実現しましたか?私にとっても同じ問題です。私はそれを$ modal.open()に戻してからコードします。それは、アニメイベントでトリガーされるという約束と関係があります。私はバグとしてそれをチョークし、代わりに角のストラップを使用します。 – Noogen

+1

ええ、私は実際に同じことをしました。 – user2411211

+0

Angular-ui-bootstrapとbootstrapはどちらもクリックを捕まえようとしますが、最初のクリックは1回、イベントは通過しますが、次はクリックを待っています... –

答えて

0

を追加してください。

関連する問題