AngularJS的学习

<div class="col-1" ng-repeat="goods in home.hotGoodsList">
    <a class="panel-grid panel-border" ui-sref="goods({ goodsId: goods.id})">
        <img class="grid-img" ng-src="{{ ::goods.coverUri | goodsCoverUri }}" />
        <p class="grid-title">{{ ::goods.name }}</p>
        <span class="grid-current-price">{{ ::goods.minPrice | currency : ''}}</span>
        <del class="grid-del-price" ng-if="goods.marketPrice > goods.minPrice">{{ ::goods.marketPrice | currency : ''}}</del>
    </a>

</div>

解释:1- ::其实是指单向绑定,一般情况下,只用于展示的东西,而不变化。

2- ui-sref = "goods({ goodsId: good.id})" 这个其实是指要跳转的路由

在app.router.js中已经定义

.state('goods', {

        url: '/goods/{goodsId}',
        templateUrl: 'views/goods.html',
        controller: 'GoodsCtrl',
        controllerAs: 'goods',
        data: { pageTitle: 'xxx | 商品详情' }
        })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值