1、对于文本框,只需设置 ng-model 属性就可以实现双向绑定,如:
<input type="text" class="form-control" ng-model="item">
这样在js中就可以通过 $scope.item来实现双向绑定。
2、单选按钮组的绑定方式,如:
<label> <input type="radio" name="optionsRadios" value="single" ng-model="seltype" >单选题</label>
<label> <input type="radio" name="optionsRadios" value="muti" ng-model="seltype">多选题</label>
在js中的代码:
1)初始化设置被选中的按钮: $scope.seltype = "muti" 这样初始时第2个radio就会被选中
2)获取被选中的按钮
如果 $scope.seltype 的值为 single ,则是第1个radio被选中。
如果 $scope.seltype 的值为 muti,则是第2个radio被选中。
3、复选框checkbox的绑定方式
<input type="checkbox" ng-model="selok">选中
在js中的代码
1)初始化选中:$scope.selok = true;
2)判断checkbox是否被选中:
如果 $scope.selok 返回true,则被选中;否则没有被选中