Bir başka özelliği de projede dağıtık bir mimari oluşturmayı sağlıyarak, yönetilebilirliği ve erişim kolaylığı sağlamasidir.
Kısaca uygulamayı çeşitli sayfalara ayırarak, herbirini farklı controllerlara bağlar.
Angular js frameworkün çekirdek kütüphanesinde bulunmadığı için sayfamıza dahil etmemiz gerekmektedir
İndex.html,
hakkimizda.html, iletişim.html sayfalarını oluşturalım
hakkimizda.html : <h3> şuan hakkımızda sayfasındasın</h3>
iletisim.html : <h3> şuan iletisim sayfasındasın</h3>
index.html :
<html>
<head>
<script src="https://code.angularjs.org/1.5.0/angular.js"></script>
<script src="https://code.angularjs.org/1.5.0/angular-route.js"></script>
</head>
<body ng-app="myApp">
<h1>Web sitesi</h1>
<ul ><li><a href="#/">Ana Sayfa</a></li>
<li><a href="#/hakkimizda">Hakkımızda</a></li>
<li><a href="#/iletisim">İletişim</a></li></ul>
<ng-view></ng-view>
<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {$routeProvider
.when("/hakkimizda", { templateUrl : "hakkimizda.html" })
.when("/iletisim", { templateUrl : "iletisim.html" })
.otherwise({ redirectTo: "/", });
});
</script>
</body>
</html>
Hiç yorum yok:
Yorum Gönder