AngularJS Ng-include İle Template Yapısı Şeklinde Farklı Sayfaları Birleştirme

Başlıkta anlatılmak istenenin en iyi cevabı aslında Asp.NET mvc’de yer alan PartialView() ile verilmektedir ng-include’ü kullanarak sürekli tekrarlanan içerikleri farklı sayfalara alıp bunları dahil edebilirsiniz örneğin sürekli kullanılan header, menü, footer gibi.

AngularJS ng-include ile template yapısı şeklinde farklı sayfaları birleştirme

Başlıkta anlatılmak istenenin en iyi cevabı aslında Asp.NET mvc’de yer alan PartialView() ile verilmektedir ng-include’ü kullanarak sürekli tekrarlanan içerikleri farklı sayfalara alıp bunları dahil edebilirsiniz örneğin sürekli kullanılan header, menü, footer içerikleri alttaki şekilde kullanarak sayfanıza kolayca dahil edebilirsiniz.

footer.html sayfasını index.html adlı sayfama dahil etmek için alttaki gibi bir kod yazmam gerekiyor.

ng-include’un farklı kullanım yöntemleri ise şu şekildedir.

AngularJS kodlarının çalışması için np-app etiketinin çalışacak olan kodların bir üst nesnesine veya global olarak body-html elementlerine attribute olarak eklenmesi gerekiyor ve belirtmeme gerek yok aslında ama unutma ihtimaline karşı söylemek istiyorum angularjs.org adresinden javascript kütüphanesini indirip veya direk cdn link ile sayfanıza dahil ediniz.

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın