angular1单选框、复选框、下拉框

单选框与复选框在点击事件发生时的区别
(1)单选框在点击后:呈现选中状态,把ng-value赋值给ng-model(初始化时,如果两者都有默认值,相等则选中);
(2)复选框在点击后:呈现相反状态,把ng-checked赋值给ng-model(初始化时,如果两者都有默认值,那么前者将覆盖后者);
(3)下拉框
a、例一
<select ng-model="defaultBack">
<option ng-repeat="(back, front) in allData" ng-value="back" ng-bind="front" ng-init="front==='管理员' ? defaultBack=back : '' "></option>
<!--front==='管理员'?只解决defaultBack初始化值,defaultBack后来的值;option在点击后,把ng-value赋值给ng-model,这点与radio相似;ng-bind只负责前端展示-->
</select>

b、例二
<select ng-model="myLog.resultDo" ng-options="item.back as item.front for item in resultDo" ng-change="option()"></select>
$scope.myLog={resultDo:"全部后台"};
$scope.resultDo = [{ back: '全部后台', front: '全部前端' },{ back: '已读后台', front: '已读前端' },{ back: '未读后台', front: '未读前端' }];
select的初始状态:如果$scope.myLog.resultDo===$scope.resultDo[index].back,那么select的初始状态为 $scope.resultDo[index].front 。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复