使用Angularjs获取数组中的值并传值到html页面中显示出来
js页面的数组如下：varfreetrial=[{goodsid:"xy0001",imgurl:"img/178.jpg",goodstitle:"好娃娃牌安全椅",q...
js页面的数组如下：
var freetrial = [{
goodsid:"xy0001",
imgurl:"img/178.jpg",
goodstitle:"好娃娃牌安全椅",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0},
{
goodsid:"xy0002",
imgurl:"img/178.jpg",
goodstitle:"时尚包",
quantity:"10份",
cost:298,
status:1},
{
goodsid:"xy0003",
imgurl:"img/178.jpg",
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也不能用。 展开
var freetrial = [{
goodsid:"xy0001",
imgurl:"img/178.jpg",
goodstitle:"好娃娃牌安全椅",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0},
{
goodsid:"xy0002",
imgurl:"img/178.jpg",
goodstitle:"时尚包",
quantity:"10份",
cost:298,
status:1},
{
goodsid:"xy0003",
imgurl:"img/178.jpg",
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也不能用。 展开
2个回答
展开全部
<!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="{{item.sdcx()}}"><img src="">{{item.imgurl}}</a>
<h1>{{item.goodstitle}} </h1>
</div>
<script type="text/javascript" src="../lib/angular.min.js"></script>
<script>
var app = angular.module('test', []);
app.controller('FreetrialController', function($scope){
$scope.use = function(id, status, item){
var flag = false;
if(!item || (id === item.goodsid && status === item.status)){
flag = true;
}
return flag;
}
$scope.freetrial = [
{
goodsid:"xy0001",
imgurl:"img/178.jpg",
goodstitle:"好娃娃牌安全椅",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0
},
{
goodsid:"xy0002",
imgurl:"img/178.jpg",
goodstitle:"时尚包",
quantity:"10份",
cost:298,
status:1
},
{
goodsid:"xy0003",
imgurl:"img/178.jpg",
goodstitle:"好娃娃",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0
}
]
});
</script>
</body>
</html>
<!--还可以从数据上着手, 先把数据按照需求重组，再输出到视图-->
追问
请问如果我需要在点击这个a标签时，把div的id post出去，让另外一个js页面接收到，然后在数组匹配符合的数组数据输出到html页面。这个要怎么实现？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
