AngularJS ng-model 指令
-
定义和用法
ng-model 指令将 HTML 表单元素绑定到范围中的变量。如果该变量在范围内不存在,则将创建它。 -
语法
<element ng-model="name"></element>
仅由 <input>,<select> 和 <textarea> 元素支持该指令
-
参数
参数 必需的 描述 name 是 您要绑定到表单字段的属性的名称。 -
示例
下例演示了 如果用户在input框中输入更改值,则AngularJS属性还将更改其值:
尝试一下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>欢迎来到菜鸟教程</title> <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script> </head> <body> <div ng-app=""> <p>在输入框中输入内容:</p> <p>Name: <input type="text" ng-model="name"></p> <h1>hello {{ name }}</h1> </div> </body> </html>
-