Khai báo ng-controller trong html, php cũng tương tự như việc khai báo ng-app, ng-model
vd:
#khai báo 1 ng-controller với tên là control trong php
<div ng-controller="control"></div>
#khai báo controller trong javascript
var test = angular.module('mytest',[]);
test.controller('control',function()
{
{
alert("Hiển thị thông báo!");
});
test.controller
'control' : phải giống với ng-controller bên php ng-controller="control"
cuối cùng là 1 function()
 |
| alert trong function |
$scope :biến toàn cục để trao đồỉ dữ liệu giữa view và controller.
#khai báo controller trong javascript sử dụng $scope
var test = angular.module('mytest',[]);
var test = angular.module('mytest',[]);
test.controller('control',function($scope)
{
{
$scope.tieude = "tieude là thuộc tính của scope";
});
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.32/angular.min.js"></script>
<script src="app/test.js"></script>
</head>
<body ng-app="mytest">
<div>
<input ng-model="usename"/>
{{usename}}
</div>
<div ng-controller="control">
{{tieude}}
</div>
</body>
</html>
 |
| controller sau khi hiển thị |
vậy chúng ta đã tìm hiểu xong cách khai báo ng-controller
