ng-modelคำสั่งAngularJS


ตัวอย่าง

ผูกค่าของช่องใส่กับตัวแปรในขอบเขต:

<div ng-app="myApp" ng-controller="myCtrl">
    <input ng-model="name">
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "John Doe";
});
</script>

ความหมายและการใช้งาน

คำng-modelสั่งผูกองค์ประกอบแบบฟอร์ม HTML กับตัวแปรในขอบเขต

หากไม่มีตัวแปรอยู่ในขอบเขต ตัวแปรจะถูกสร้างขึ้น


ไวยากรณ์

<element ng-model="name"></element>

รองรับโดย <input>, <select> และ <textarea> องค์ประกอบ


ค่าพารามิเตอร์

Value Description
name The name of the property you want to bind to the form field.

หน้าที่เกี่ยวข้อง

บทช่วยสอนเชิงมุม: Model Directive