在AngularJS中,ng-model指令用于双向绑定数据,它可以将表单元素的值与作用域中的变量进行绑定。通常情况下,ng-model的值会被绑定到作用域中的变量,而不是ng-value中的值。
ng-value是用于设置表单元素的值的指令,它可以将一个表达式的值赋给表单元素。而ng-model则是用于将表单元素的值与作用域中的变量进行双向绑定。
举个例子,假设有一个输入框和一个按钮,我们希望当按钮被点击时,将输入框中的值赋给作用域中的变量。可以这样实现:
<input type="text" ng-model="myVariable">
<button ng-click="setValue()">Set Value</button>
在控制器中,我们可以定义setValue函数来获取ng-model的key(即myVariable的值):
$scope.setValue = function() {
var key = $scope.myVariable;
// 执行其他操作
};
在这个例子中,ng-model绑定了输入框的值到作用域中的myVariable变量。当按钮被点击时,setValue函数会获取myVariable的值,并执行其他操作。
需要注意的是,ng-model的key是指绑定的变量名,而不是ng-value中的值。ng-value中的值可以是任意表达式,用于设置表单元素的值。
AngularJS Select(选项框)
AngularJS 可是使用数组或对象创建一个下拉列表选项。
使用ng-options创建选项框
在AngularJS 中我们可以使用ng-option指令来创建一个下拉列表,列表通过对象和数组循环输出
实例:
AngularJS ng-model 指令
ng-model 指令用于绑定应用程序数据到HTML 控制器(input,select,textarea)的值
ng-model指令
ng-model指令可以将输入域的值与AngularJS 创建的变量绑定。
实例:
ng-model指令
ng-model可以将输入域的值与AngularJs的变量绑定
双向绑定
当修改输入域的值时候,AngularJs属性的值也将修改
{{name}}
领取专属 10元无门槛券
手把手带您无忧上云