使用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也不能用。
展开
 我来答
yt_9119
推荐于2017-09-22 · TA获得超过812个赞
知道小有建树答主
回答量:395
采纳率:100%
帮助的人:312万
展开全部
<!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页面。这个要怎么实现?
当年的反应慢
2015-04-02 · TA获得超过637个赞
知道小有建树答主
回答量:612
采纳率:50%
帮助的人:375万
展开全部
你可以自定义个filter。具体怎么做我也不太清楚,我也刚学
追问
自定义也得要先拿到数组的值才能给标签赋值啊
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式