forms - AngularJS:刷新/重新加载数据并更新 DOM 并使表单保持原始状态

Question

我撞到了另一堵墙!已经在这几个小时了。

我有一个从 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.relatedDetail 正在触发，我的 .detailloader 正在显示。据我从检查员看到的，它正在获取 URL。 $scope.reloadedDetails，但它不会推送新数据并隐藏 .detailloader。

我“相信”我还需要在提交后再次使表格“原始”？我还没有正确地研究这个。当前的测试允许我将一件东西添加到购物车，但如果我再去添加尝试添加另一个，表单不会提交。

对此有何建议？我可以在新数据加载后告诉 Angular 再次使表单保持原始状态吗？我不确定我这里有没有右端。

非常感谢您抽出时间提供帮助。

Answer 1

试试，$scope.$apply()在您的 reloadedDetails 内功能。

您正在通过 reloadedDetails作为成功函数，所以这将在另一个范围内。