使用Angularjs获取数组中的值并传值到html页面中显示出来
js页面的数组如下：
var freetrial = [{
goodsid:"xy0001",
imgurl:"img/178jpg",
goodstitle:"好娃娃牌安全椅",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0},
{
goodsid:"xy0002",
imgurl:"img/178jpg",
goodstitle:"时尚包",
quantity:"10份",
cost:298,
status:1},
{
goodsid:"xy0003",
imgurl:"img/178jpg",
goodstitle:"好娃娃",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0}
]；
html页面：
<div class=“xsy” id="xy0001">
<a href="{{sdcx()}}"><img src="{{imgurl}}"></a>
<h1>{{goodstitle}}</h1>
</div>
需要判断的是如果div的id==数组里的goodsid且status=0，就把数组的值传到页面对应的地方。要使用Angularjs来实现，不能使用jQuery。求大神指点要怎么做,如果我的思路不对，有没有其他更好的方法？用来保存数据的数组肯定是需要的,jQuery也不能用。
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556<!DOCTYPE html><html ng-app="test"><head> <title>Freetrial</title></head><body ng-controller="FreetrialController"> <div class="xsy" ng-repeat="item in freetrial" ng-if="use('xy0001', 0, item)" id="xy0001"> <a href="{{itemsdcx()}}"><img src="">{{itemimgurl}}</a> <h1>{{itemgoodstitle}} </h1> </div> <script type="text/javascript" src="/lib/angularminjs"></script> <script> var app = angularmodule('test', []); appcontroller('FreetrialController', function($scope){ $scopeuse = function(id, status, item){ var flag = false; if(!item || (id === itemgoodsid && status === itemstatus)){ flag = true; } return flag; } $scopefreetrial = [ { goodsid:"xy0001", imgurl:"img/178jpg", goodstitle:"好娃娃牌安全椅", quantity:"10份", cost:896, linkt:"sdcx()", status:0 }, { goodsid:"xy0002", imgurl:"img/178jpg", goodstitle:"时尚包", quantity:"10份", cost:298, status:1 }, { goodsid:"xy0003", imgurl:"img/178jpg", goodstitle:"好娃娃", quantity:"10份", cost:896, linkt:"sdcx()", status:0 } ] }); </script></body></html><!--还可以从数据上着手, 先把数据按照需求重组，再输出到视图-->
追问：请问如果我需要在点击这个a标签时，把div的id post出去，让另外一个js页面接收到，然后在数组匹配符合的数组数据输出到html页面。这个要怎么实现？
AngularJs ng-if的用法
123456789101112131415 <!DOCTYPE html><html ng-app><head> <title>checked</title></head><body> <input type="checkbox" ng-model="checked">点击试试 <div ng-if="checked">content</div> <script type="text/javascript" src="/angularminjs"></script> </body></html>
angularjs中关于checkbox的问题
烦恼
我想设置当checkbox选中之后执行一段逻辑代码，我写的是if($scope(checkbox1)checked){`````}但是不行我想问的是这个if逻辑应该怎么写怎么表达他被选中了？？？
123456789101112131415161718192021222324 <!DOCTYPE html><html ng-app="test"><head> <title>angularJs-checkbox</title></head><body> <div ng-controller="CheckCtrl"> <input type="checkbox" ng-model="chk" ng-click="check(chk)"/> </div> <script type="text/javascript" src="/js/angularminjs"></script> <script type="text/javascript"> //直接判断checkbox的model即可 var test = angularmodule('test', []); testcontroller('CheckCtrl', function($scope){ //设置checkbox默认不选中 $scopechk = false; $scopecheck = function(val){ !val alert('选中') : alert('未选中'); } }) </script></body> </html>
看下吧 不懂留言
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="radio" name="a" value="a1">a1
<input type="radio" name="a" value="a2">a2
<br>
<input type="radio" name="b" value="b1">b1
<input type="radio" name="b" value="b2">b2
<br>
<input type="radio" name="c" value="c1">c1
<input type="radio" name="c" value="c2">c2
<br>
<input type="radio" name="d" value="d1">d1
<input type="radio" name="d" value="d2">d2
<br>
<button onclick="fn()">获取</button>
<script>
var inpArr = documentgetElementsByTagName("input"),
result = ""
function fn(){
result = "";
for(var i=0;i<inpArrlength;i++){
if(inpArr[i]checked){
result+=inpArr[i]value+" ";
}
}
alert(result)
}
</script>
</body>
</html>
<INPUT id="Radio1" type="radio" value="fasd" name="RadioGroup" onclick="alert(thisvalue);">
-------------------------
补充：
你可以试着这样做
当你动态添加控件的时候为每个radio添加一个onclick事件，事件的内容是把自己的value给一个hidden，然后直接点按钮的时候取那个hidden的值就行了。
---------------
再次补充：
是的，不然你就遍历一次就好了，其实客户端遍历是很快的事情，不用考虑效率问题。
这样应该挺难弄。。。
这样吧，var obj = documentgetElementsByTagName('input'); 得到所有的input，然后循环的时候obj[i]type=="checkbox" 来进行判断是不是选择框。。。。你试试。
一开始不能取到值，是因为页面字加载的时候，第一个radio已经默认选中，没有触发onclick事件。
可以加个onload事件，
windowonload = function() {
var radios = documentgetElementsByName("RadioGroup1");
for (var i = 0, len = radioslength; i < len; i++) {
if(radios[i]checked){
documentgetElementById("demo")innerHTML = radios[i]value;
}
}
}
以上就是关于angularjs怎么获取到单选框的值全部的内容，包括:angularjs怎么获取到单选框的值、js或jquery怎么循环获取单选框选中的值，比如页面有8个单选框，一组2个，js如何循环获取选中值、JavaScript中如何取得单选框radio中被选中的（checked)的值(value)等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）