AngularJS Modules
AngularJS modülü bir uygulamayı tarif eder.
Modül bir uygulamanın farklı parçalarının bir bütünüdür.
Modül uygulama kontrolleri için genel bir kavramdır.
Kontroller her zaman bir modüle aittir.
Module Oluşturma
Bir modül angular.module fonksiyonu ile oluşturulur.
<div ng-app="myApp">...</div>
<script>
var app = angular.module("myApp", []);
</script>
“myApp” parametresi uygulamanın çalışacağı Html Elemente aittir.
Controller Oluşturma
Uygulamanıza kontroller eklerken ng-controller direktifini kullanırız.
<div ng-app="<b>myApp</b>" ng-controller=<strong>"myCtrl"</strong>>
{{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module(<strong>"myApp"</strong>, []);
app.controller(<strong>"myCtrl"</strong>, function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
AngularJS Kütüphanesi
AngularJS kütüphanesini head elementi içerisine veya body elementinin başlangıcına koymanız önerilir.Yazacağınız angular kodlarını kütüphaneyi çağırdıktan hemen sonra yazmanınz önerilir.Çünkü angular.module sadece kütüphane load edildikten sonra derlenebilir.
<!DOCTYPE html>
<html>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
</body>
</html>
Cmeng 
Cevapla