04_AngularJs_ngInclude

Merhaba arkadaşlar, bu yazımda ng-include direktifini anlatacağım. Önce kodumuzu paylaşalım ve kod üzerinden anlatalım.

İndex.html

Test.html

ng-include => Harici html parçamızı projemize dâhil etmemize yarıyor. Yani parça parça olan html sayfalarını birleştirmeye yarıyor.

Örneğimizde index.html sayfamız mevcut. Bu sayfaya harici header eklemek istiyorum. ng-include direktifinin src özelliğine test.html parçamızın yolunu vererek bunu yapıyoruz. Burada dikkat edilmesi gereken src özelliğine yolun tek tırnak kullanarak yapılması.  Şimdi çıktımıza bakalım:

Görüldüğü gibi İkinci Parça, Birinci Parçanın üst kısmına eklendi. Özet olarak ng-include kullanarak parça parça yazdığımız kodları birleştirebiliriz. Bu yazımı burada bitiriyorum diğer yazılarımda görüşmek üzere…

Print Friendly, PDF & Email

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir