Menggunakan Controller Angular JS (v1.x)

Pada AngularJS, controller didefinisikan sebagai fungsi konstruktor / constructor function JavaScript yang digunakan menambahkan scope angular (objek angular yang mengacu pada application model).

Gunakan controller untuk:

• mengatur kondisi awal suatu objek $scope.
• menambah behavior ke suatu objek $scope.

Controller dengan $scope

Saat sebuah controller ditambahkan ke DOM dengan directive ng-controller , AngularJS akan menginisiasi objek controller baru, menggunakan fungsi konstruktor controller yang telah ditentukan. sebuah child scope akan dibuat dan dapat digunakan sebagai injectable parameter ke fungsi konstruktor controller sebagai $scope.

contoh:

app.js

var app = angular.module("myApp", []);
app.controller("scopeCtrl", function($scope) {
    $scope.firstName = "";

});

view

Controller dengan syntax

Jika controller ditambahkan menggunakan syntax 'controller as' maka controller instance akan ditugaskan ke properti tertentu pada scope yang baru.

contoh:

app.js

var app = angular.module("myApp", []);
app.controller("syntaxCtrl", function($scope) {
    this.first = "";
});

view