我们
经常遇到页面中的复选框,比如购物车项目。
角是用来实现下面这个
函数的。
选择:
车削项目}
{ {是} }
创建一个模块
Angular.module(选择
控制器
控制器(moresel 。
scope.datas美元= {C++
scope.arr美元= {}; / /用来
显示所选内容
用于标记每个状态
scope.chkitem美元= { };
选择
scope.all美元=
功能(
检查){
初始化状态
init(检查);
选定的内容数组分配
如果(检查){
对于(var i = 0;我的<< scope.datas.length美元;i++){
美元范围。ARR {我} = {我}美元的数据范围;
}
{ }人
scope.arr美元= { };
}
}
单击选择
scope.ck美元=功能(状态、项目、指标){
相反的值 / 状态
美元指数范围。chkitem { } =!状态;
有一个
错误,所有的按钮都没有被选中
如果(!美元指数范围。chkitem { }){
scope.checks美元= false;
/ /
取消,将值从arr数组
VaR Num = scope.arr.indexof美元(项目);
scope.arr.splice美元(num,1);
{ }人
签入
scope.arr.push美元(项目);
对于(var i = 0;我的<< scope.datas.length美元;i++){
只要有一个按钮没有被选中
如果(!美元的范围。chkitem {我}){
返回;
}
}
选择所有
scope.checks美元=真;
}
}
初始化
var init =函数(SEL){
对于(var i = 0;我的<< scope.datas.length美元;i++){
不重视
默认的false初始化。
美元的范围。chkitem {我} = SEL假| |;
}
}
});
以上是本文的全部内容,希望能对您有所帮助,希望大家多多
支持。