我必须显示产品列表,并能够单击它们以获取有关它们的更多信息。
我的产品列表存储在名为"产品服务"的服务中
我有一个显示我所有产品的 html 页面,另一个显示 1 个产品的详细信息。每个 html 页面都有自己的控制器。
当我在详情页面中更新商品时,更改是在我的商品服务中完成的,但不会在我的全局商品视图中进行验证。
(function ()
{
angular.module('app').service('productsServices', ['$http', '$q', ProductsServices])
that = this
that.products = /*arrayOfData*/;
that.getProducts = function () {
return that.products;
}
})();
(function ()
{
angular.module('app').controller('ProductsController', ['$http', '$q', 'productsServices', ProductsController])
that = this
that.products = productsServices.getProducts;
that.showDetail = function (item) {
$state.go('menu.product', { myParam: item });
}
})();
<!--Global HTML page-->
<ion-content id="content" class="has-header has-subheader" delegate-handle="myScroll">
<ion-list>
<ion-item ng-repeat="product in that.products() track by product.ProductId" href="#" ng-click="that.showDetail({{product}})">
<div class="innerProd">
<img id="productPicture" name="productPicture" ng-src='data:image/png;base64,{{product.ThumbnailPhoto}}'></div>
<div class= "innerProd">
<p>{{product.Name}}</p>
<p>{{product.Price}}$</p>
<ion-option-button class="button button-assertive"
ng-click="doDelete({{product}})">
Supprimer
</ion-option-button>
</div>
</ion-item>
</ion-list>
<ion-infinite-scroll ng-if="moreDataCanBeLoaded()" icon="ion-loading-c" on-infinite="loadMoreData()" distance="100%">
</ion-infinite-scroll>
</ion-content>
因此,当我检查以"that.showDetail"方法发送的产品时,即使产品已在服务中更新,发送的也是旧产品。
我不是英语,所以很抱歉我的句子中的语言错误^^"
提前感谢您的帮助^^"
好的,我已经找到了我的问题的下水道,我已经替换了我发送到我的"that.showDetail"函数的参数。我不再直接发送对象,而是发送我的项目的索引。
<ion-item ng-repeat="product in that.products() track by product.ProductId" href="#" ng-click="that.showDetail({{$index}})">
我猜角度不会更新注入 ng-click 调用^^'
谢谢你们的时间