AngularJS逆选择功能

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
}
};
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部