2013-05-22 20 views
5

Giriş/kayıt formları için bir model yapmaya çalışıyorum ve yeniden kullanılabilir bir şey yapmak istedim, bir yönerge oluşturmaya çalışan this blog post numaralı telefondan geldim. Kalıcı-ui-bootstrap belgelerinin yanı sıra modelimi kullanmam için kullandım. İşe yarıyor, ancak modallaşmak için düğmeye ilk kez tıkladığımda işe yaramıyor. Batarang kullanarak yaratılan kapsamı görebiliyorum ama hiçbir şey çıkmıyor. Sonraki tıklamalar işe yarar ve eğer 2 tuşa sahip olursam, hangisine ilk bastığım önemli değil, işe yaramıyor ve bundan sonra da bir tane çalışıyor.Açısal UI Bootstrap - modal ilk tıklamada pop yayılamıyor

Bunu göstermek için bir plnkr yapıyorum. Şablonları kullanıyorum, bu yüzden bunları ekledim. "Register" veya "Login" tuşlarına basmanın modalı açmayacağını görebiliyorsunuz, ancak tekrar tıkladığınızda, modals pop. Batarang ile ilk basında yaratılan kapsamı da görebilirsiniz.

Yardım için şimdiden teşekkür ederiz!

Düzeltme: Yardımcı olabilecek daha fazla bilgi buldum. Bağlantıyı ilk tıklattığımda, scope.closeFormModal çağrılır.

+0

Hiç bu işe yarıyor mu? Benim için aynı sorun. Bunu $ modal.open() 'a geri izlerim. Animasyon etkinliğinde tetikleyici olma sözü ile bir ilgisi var. Bir hata olarak yazdım ve bunun yerine açısal kayışı kullanıyorum. – Noogen

+1

Evet, aslında aynısını yaptım. – user2411211

+0

Angular-ui-bootstrap ve bootstrap bir tıklama yakalamaya çalışır, 1 ilk tıklamayı yakalar, olayın içinden geçmesine izin verir ama bir sonraki tıklama da bekler ... –

cevap

0

deneyin eklenti:

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

fonksiyonunu derlemek $ döndürüldü fonksiyonu bağlantı için.

İlgili konular