angular2 ve materializecss tümleştirmesi

Question

HashLocationStrategy kullanan bir web uygulaması oluşturmak için angular2 kullanıyorum. herşey, jQuery tabanlı bileşenleri şablonlara eklemeye çalışana kadar gayet iyi. Burada örneğin

navbar çöküşü düğmeye örnek

<a href="#" data-activates="nav-mobile" class="button-collapse"> 
    <i class="material-icons">menu</i> 
</a> 

açısal bir rota yolu olarak bu görür ve ana sayfaya

bu soruna bir işle mermi var nereye taşınacak mı?

Answer 1

Kendiniz söylediğin gibi: materializecss jquery tabanlı, yani dinamik davranışı etkinleştirmek için jquery'ye ihtiyaç duyar. Durumunuza göre, sayfanızın $(document).ready(function(){}) koduna $(".button-collapse").sideNav(); kodunu eklemelisiniz.

https://www.npmjs.com/package/angular2-materialize'a bir göz atın. Bu lib tam olarak bu dinamik davranışı angular2'ye ekler. senin angular2 bileşeninde 'MaterializeDirective' aktardıktan sonra basitçe çapa etiketine materialize="sideNav" ekleyebilir ve çalışması gerekir:

<a href="#" materialize="sideNav" data-activates="nav-mobile" class="button-collapse"> 
    <i class="material-icons">menu</i> 
</a>