Question

我的html视图中有一个covsrc -f test.cov，并且基于$ http.get填充了此<ul>的内容。

HTML：

<ul>

工厂

    <div id="recentlyReleased" ng-controller="sampleRecordController as recCtrl">
    <h1>Sample Records</h1>
    <ul>
        <li class="last-child" ng-repeat="record in recCtrl.records">
            <a target="_new" ng-href="" >
                <span>sample 1</span>

            </a>
        </li>
    </ul>
     <a ng-click="recCtrl.displayRecords('a')" href="">
         <img />
     </a>
     <a ng-click="recCtrl.displayRecords('b')" href="">
         <img />
     </a>
</div>

控制器

angular.module('homeApp.services', [])
    .factory('homePage', function ($http) {
        return {
            showRecords: function (fac) {
                return $http.get('/home/getRandom?num=10&fac=' + fac)
                        .then(function (response) {
                            return response.data
                        });
            }               
        }

    }

    );

代码最初成功加载列表angular.module('homeApp.controllers') .controller('sampleRecordController', function (homePage) { var r = this; r.base_url = base_url; r.records = []; var currentFac='c'; r.displayRecords = function (fac) { homePage.setFac(fac); homePage.showRecords(homePage.getFac()).then(function (data) { r.records = data; }); }, r.displayRecords(currentFac); //initial load })，但是当我点击<ul>时，html视图不会刷新。我是angularjs的新手，有人可以帮忙吗？感谢

Answer 1

你应该做的是返回$ http.get（）的承诺，如下所示。

angular.module('homeApp.services', [])
.factory('homePage', function ($http) {
    return {
        showRecords: function (fac) {
            // return the promise here
            return $http.get('/home/getRandom?num=10&fac=' + fac);
        }               
    }

});

angular.module('homeApp.controllers')
.controller('sampleRecordController', function (homePage) {
    var r = this;
    r.base_url = base_url;
    r.records = [];
    var currentFac='c';
    r.displayRecords = function (fac) {
        homePage.setFac(fac);
        homePage.showRecords() // resolve here
        .then(function (data) {
            r.records = data;
        });

    },
    r.displayRecords(currentFac); //initial load

});

注意：您无法返回ajax调用的响应，因为它在不同的线程上运行，您将不知道该调用何时完成。你应该尝试学习承诺。

$ http.get之后的angularjs更新视图

1 个答案: