AngularJS ng-model 指令
实例
将输入字段的值绑定到作用域中的变量:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body><div ng-app="myApp" ng-controller="myCtrl"><input ng-model="name"><p>输入字段绑定到 "name" 变量:</p>{{name}}</div><script>var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$scope.name = "John Doe";});</script><p>此示例显示 ng-model 指令如何将输入字段的值绑定到作用域中的变量。</p></body></html>
定义与用法
ng-model 指令将 HTML 表单元素绑定到作用域中的变量。
如果作用域中不存在该变量，将创建该变量。
语法
<element ng-model="name"></element>
由 <input>、<select> 和 <textarea> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| name | 要绑定到表单字段的属性的名称 |
关联页面
Angular 教程: ng-model 指令