我撞到了另一面墙!一直在这几个小时了。
我有一个从购物车系统的 JSON 文件中提取的产品列表。
当客户将产品添加到购物车时,我想刷新 JSON 提要,因为我已将其设置为根据客户在购物车中的库存水平调整库存水平,这样他们就不会添加太多商店没有的产品有。
“添加到购物车”运行良好。但我不知道如何“推送”更新的提要以更新 DOM 元素。
这是我到目前为止所拥有的:
$scope.reloadData = function(detailSection) {
// Find the URL title of the current click product
var prod_detail_url = $scope.products[detailSection].url_title;
var prod_category_id = $scope.products[detailSection].discount_category;
var prod_sku = $scope.products[detailSection].title;
// Set the defaults of the info to load in
var detailurl = '/order/series_detail/' + prod_detail_url + '/' + prod_category_id + '/' + prod_sku;
$scope.productDetail = [];
// Process the details of the product
$scope.reloadedDetails = function (data, status) {
$scope.productDetail = data;
$scope.productDetail.push(data);
$('.detailloader').hide();
}
// Fetch the Details of the product
$scope.reloadDetail = function () {
$('.detailloader').show();
$http.get(detailurl).success($scope.reloadedDetails);
}
// Instantiate the process
$scope.reloadDetail();
};
$scope.reladedDetail 正在触发,我的 .detailloader 正在显示。据我从检查员那里看到,它正在获取 URL。$scope.reloadedDetails,但它不会推送新数据并隐藏 .detailloader。
我“相信”我还需要在提交后再次使表单“原始”?我还没有正确地研究这个。当前的测试允许我将一件东西添加到购物车,但如果我再去添加尝试添加另一件,表单不会提交。
对此有何建议?我可以告诉 Angular 在新数据加载后再次使表单保持原始状态吗?我不确定我在这里有正确的一端。
非常感谢您花时间提供帮助。