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.
1 | <footer ng-include="'./footer.html'"></footer> |
ng-include’un farklı kullanım yöntemleri ise şu şekildedir.
1 2 | <footer ng-include src="'./footer.html'"></footer> <ng-include src="'./footer.html'"></ng-include> |
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.
