AngularJS

Question

ile Bootstrap seçimlerini kullanma

AngularJS uygulamasına http://silviomoreto.github.io/bootstrap-select/ uygulamasını deniyorum.

Aynı şeyi deneyen kişilerin çoğu, Angular'ın verileri almasından önce seçicinin ayarlandığı herhangi bir sorunu vardır. Ama benim için durum böyle değil. Seçici Seçimi seçildiğinde, seçimim tüm verilere sahiptir, ancak herhangi bir nedenle açılır geçiş etkinliği tetiklenmez.

HTML:

<select id="partyRole" name="partyRole" class="form-control" ng-model="partyRole" ng-options="role as role.text for role in partyRoles"> 
    <option value="">Please Select...</option> 
</select> 

JS çağrıları tüm select selectpicker ekler.

JS:

https://github.com/joaoneto/angular-bootstrap-select/blob/master/build/angular-bootstrap-select.js

Final UI

:

$(window).bind("load", function() { 
    return $('select').selectpicker(); 
}); 

Ben de selectpicker verileri bağlamak için bu yönergeyi kullanıyorum

Div seçiciden oluşturulduğunu görebildiğim gibi tüm verileri de aldım. Ancak düğmeyi tıklatmak hiçbir şey yapmıyor.

Önyükleme stil sayfalarıyla birlikte uygulamada Açısal UI, Açısal JS var.

DÜZENLEME:

Boşverin, ben bugünün güncellenmiş koddan uygulanan sonrasında, çünkü kırık bir halde muhtemelen github indirilen açısal direktifin versiyonu .. işe yaradı.

Answer 1

Dosyada jQuery'niz ve genellikle başka bir dosyada bazı AngularJS'niz olmasını istemezsiniz. JQuery öğeleri vb. Oluşturuyorsa, muhtemelen açısal olarak alınmayacaktır.

Doğru çözüm, Yönlü bir yönerge kullanmaktır. Burada somebody made one for you gibi görünüyor.

Answer 2

function Selectpicker() { 
    return { 
     restrict: 'C', 
     link: function($scope, $element) { 
      $element.selectpicker(); 
     } 
    }; 
}