Question

我有一个应用程序，可以在页面加载时从我的后端服务获取JSON数据。这很好。我现有的框架允许刷新每个组件（DIV）以通过javascript函数获取最新数据。

<div class="breakdownChart" ng-app="breakdown" ng-controller="PhoneListCtrl">
    <div ng-repeat="breakdownSummaryRow in breakdownResults.summary.rows" >
        <div class="breakdownChartRow" >
            <div class="breakdownChartValue">{{breakdownSummaryRow.positiveDuration}}</div>
        </div>
    </div>
</div>

var breakdownApp = angular.module('breakdown', []);

function PhoneListCtrl($scope, $http) {
    jsonDataUrl = "${jsonDataUrl}";
    scope = $scope;
    $scope.fetchData = function () {
        var httpRequest = $http.get('http://localhost:8080' + jsonDataUrl).success(function (data) {
            $scope.breakdownResults = data.data;
        });
    };
}

function load(extraParams) {}

我希望load函数触发angular应用程序以调用$ http.get调用并使用最新数据更新应用程序。我遇到的问题是我没有$ scope或$ http上下文传递给PhoneListCtrl函数。我在想我应该告诉应用程序刷新，这会调用PhoneListCtrl函数吗？

你能帮忙吗？提前致谢

Answer 1

在标有div的{{1}}内创建一个按钮标记。例如在ng-controller ng-repeat之后，您可以创建该按钮。

给它一个div，其函数将在控制器javascript上定义。该函数可以是您的ng-click函数，它将触发数据重新加载。该函数需要在控制器上，并且html需要在控制器空间内才能工作。

AngularJS - 触发角度应用以重新加载数据

1 个答案: