AngularJS逆选择功能

AngularJS的目的是克服建筑applications.html HTML的缺点是一个很好的说明性语言的静态文本显示的设计,但似乎弱构建Web应用。所以我做了一些工作(你可以找到它的一个小把戏)让浏览器做我想做的事情。

这里的两AngularJS的四大特点--双向数据绑定



注意:不要写一行DOM代码!这是NG的优势。对于bootstrap.css布局,js代码会创建一个NG模块和NG控制器



uff1a效应








选择/取消选择所有



选择和取消选择所有



选择
全名
操作







汤姆

删除






玛丽

删除






国王

删除





选择
选择取消



2,创建自定义模块和控制器
Angular.module('mymodule5,{ 'ng})。
控制器('myctrl5功能(范围){
});





PS:AngularJS实现的一个简单的选择,多操作

我们处理的豆腐多次(CRUD)你需要实现批量操作数据,必须使用替代的操作。

角实现如下(当然,有很多更好的方法比我写的,这只是一个简单的实现。)

HTML:



{ { chosearr } }
选择:

{ } }

删除



页面的效果如下:(CSS使用引导)

JS代码:


美元的范围。tesarry = { 1、2、3、4、5}; / /初始化数据
美元的范围。chosearr = {}; / /定义数组存储前端显示
var;
否;是否单击选择,是一个
$范围。
范围=函数(C,V){选择
如果(c = TRUE){
$范围= x =真;
美元的范围。chosearr = V;
其他{ }
$范围= x = false;
美元的范围。chosearr = { ;
}
标志=A;
};
美元范围。CHK =函数(z,x){ / /收音机或检查
如果在所有操作的基础上加上标志
STR = scope.chosearr.join美元(',')+ ',';
}
如果(x = TRUE){选择
,;
{人}
STR = str.replace(Z + ',' ','); / /取消
}
美元的范围。chosearr =(str.substr(0,str.length-1)),Split(',');
};
范围=删除(函数)操作
如果(美元范围。chosearr { 0 } = =| |美元范围。chosearr。长度= = 0){ / /没有选择提示
警报()请在操作中选择至少一个数据!
返回;
};
对于(var i = 0;我的<< scope.chosearr.length美元;i++){
/ /警报(美元范围。chosearr {我});
console.log(美元范围。chosearr {我}); / /遍历选中的ID
}
};