上一节:
下一节:

  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>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: