手册
目录
输入控件是 HTML 输入元素:
输入控件通过使用 ng-model 指令提供数据绑定。
现在,该应用有一个名为 firstname 的属性。
ng-model 指令将输入控制器绑定到应用程序的其余部分。
属性 firstname,可以在控制器中引用:
运行实例 »
点击 "运行实例" 按钮查看在线实例
它也可以在应用程序的其他位置被引用:
点击 "运行实例" 按钮查看在线实例
复选框的值为 true 或 false。将 ng-model 指令应用于复选框,并在您的应用程序中使用其值。
如果选中复选框,则显示标题:
点击 "运行实例" 按钮查看在线实例
使用 ng-model 指令将单选按钮绑定到您的应用程序。
具有相同 ng-model 的单选按钮可以有不同的值,但只会使用选定的值。
根据所选单选按钮的值显示一些文本:
运行实例 »
点击 "运行实例" 按钮查看在线实例
myVar的值将是 dogs、tuts 或 cars。
使用 ng-model 指令将下拉选择框绑定到您的应用程序。
ng-model 属性中定义的属性将具有选择框中所选选项的值。
根据选定的选项值显示一些文本:
运行实例 »
点击 "运行实例" 按钮查看在线实例
myVar 的值将是 dogs、tuts 或 cars。
运行实例 »form = {{user}}
master = {{master}}
点击 "运行实例" 按钮查看在线实例
novalidate 属性是 HTML5 中的新属性。它禁用任何默认浏览器验证。
ng-app 指令定义 AngularJS 应用程序。
ng-controller 指令定义应用程序控制器。
ng-model 指令将两个输入元素绑定到模型中的 user 对象。
formCtrl 控制器为 master 对象设置初始值,并定义 reset() 方法。
reset() 方法将 user 对象设置为等于 master 对象。
ng-click 指令仅在单击按钮时才调用 reset() 方法。
此应用程序不需要 novalidate 属性,但通常您会在 AngularJS 表单中使用它,以覆盖标准 HTML5 验证。
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
71万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习