ng-model 지시문은 애플리케이션 데이터를 HTML 컨트롤러(입력, 선택, 텍스트 영역) 값에 바인딩하는 데 사용됩니다.

AngularJS ng-model 지시문 통사론

ng-model 지시문은 애플리케이션 데이터를 HTML 컨트롤러(입력, 선택, 텍스트 영역) 값에 바인딩하는 데 사용됩니다.

AngularJS ng-model 지시문 예

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script> 
</head>
<body>

<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>

<p>使用 ng-model 指令来绑定输入域的值到控制器的属性。</p>

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요