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

原创 前端工程师_钱成 随笔 Angular 93阅读 2018-09-06 20:03:52 举报

一、单选框与复选框在点击事件发生时的区别
1、单选框在点击后:呈现选中状态,把ng-value赋值给ng-model(初始化时,如果两者都有默认值,相等则选中);
2、复选框在点击后:呈现相反状态,把ng-checked赋值给ng-model(初始化时,如果两者都有默认值,那么前者将覆盖后者);

二、下拉框
例一:反常用法
front==='管理员'?解决sendBackValue初始化值;
在option被点击后,系统把ng-value的值赋值给sendBackValue;
ng-bind只负责前端展示。

例二:常规用法
select的初始状态
如果$scope.myLog.resultDo===$scope.resultDo[index].back,
那么select的初始状态为:$scope.resultDo[index].front。

三、angular1单选框、复选框、下拉框三者联合案例展示

四、下拉表格
1、html

2、css

3、js

4、效果图

附:时间option

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

赶紧努力消灭 0 回复