<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 | 商品详情' } })
AngularJS的学习
最新推荐文章于 2024-08-13 08:47:51 发布