คำสั่ง ng-controller ของ AngularJS

การประกาศและวิธีใช้

ng-controller คำสั่งสั่งให้คอนโทรลเลอร์เข้ามาในโปรแกรมของคุณ

ในคอนโทรลเลอร์ คุณสามารถเขียนโค้ด และสร้างฟังก์ชันและตัวแปร ซึ่งฟังก์ชันและตัวแปรดังกล่าวจะเป็นส่วนหนึ่งของอ็อบเจ็กท์ และใช้งานได้ใน HTML อิเลเมนต์ปัจจุบัน ใน AngularJS อ็อบเจ็กท์นี้เรียกว่า สโคป (scope)

ตัวอย่าง

เพิ่มคอนโทรลเลอร์เพื่อจัดการตัวแปรของโปรแกรมของคุณ:

<div ng-app="myApp" ng-controller="myCtrl">
ชื่อเต็ม: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "Bill";
    $scope.lastName = "Gates";
});
</script>

ทดลองด้วยตัวเอง

ระบุภาษา

<element ng-controller="expression</element>

ทุกองค์ประกอบ HTML สนับสนุน

ตัวแปร