SCOPE, VIEW dan CONTROLLER

1. Scope

$scope adalah objek yang terdapat pada Angular JS yang berguna untuk menghubungkan antara Controller dengan View

2. View

View adalah tampilan paling depan atau tampilan yang terlihat oleh client. view menggunakan engine HTML dengan proses rendering dari Controller dan Model menggunakan Ekspression.

3. Controller

Controller berfungsi sebagai penghubung antara Model dengan View, biasanya semua proses bisnis diletakkan didalam controler.

berikut coontoh scriptnya:

 

<html ng-app>

<script src="../lib/angular/angular.js"></script>

<head></head>

//---VIEW---

<body ng-controller="mainCtrl">

<p> {{ nama }} </p>

<p> {{ hobi }} </p>

</body>

</html>

//---CONTROLLER---

<script type = "text/javascript">

//---SCOPE---

function mainCtrl ($scope){

$scope.nama = "Semuel YP";

var hobi ="ngoding";

}

</script>