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
}
};