Php 刷新http

我正试图与联系人制定日程，我刚刚开始学习AngularJS。到目前为止，我做了一个php，生成了一个JSON，加载到angular controller上，然后在html上显示

这是角度代码

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

Agenda.controller('Contacts', function($scope, $http) {
    $http.get('php/contacts.php').success(function(data) {
        $scope.jsonContacts = data;
    });
});

这是HTML

<section class="agenda" ng-app="Agenda">
        <ul ng-controller="Contacts">
            <li ng-repeat="contact in jsonContacts">
                <div class="col1">{{contact.contact_id}}</div>
                <div class="col2">{{contact.contact_firstname + ' ' + contact.contact_lastname}}</div>
                <div class="col3">{{contact.contact_phone}}</div>
                <div class="col4">{{contact.contact_email}}</div>
            </li>
        </ul>

        <a>Refresh</a>
    </section>

{{contact.contact_id}
{{contact.contact_firstname+''+contact.contact_lastname}
{{联系。联系电话}
{{contact.contact_email}


刷新

到目前为止还不错，但现在我试图刷新列表的内容时，我按下刷新，我不知道如何做到这一点。如果我在这个代码中也做了一些错误的事情，请让我知道

---

先谢谢你，丹尼尔

你已经走了一半了！这里有一些轻微的调整，你有什么应该做的把戏。将您的

$http

调用转换为我们可以重复调用的函数-

refresh（）

：

然后只需使用

ng单击

调用我们在上面添加的新的

refresh（）

函数：

<section class="agenda" ng-app="Agenda">
        <ul ng-controller="Contacts">
            <li ng-repeat="contact in jsonContacts">
                <div class="col1">{{contact.contact_id}}</div>
                <div class="col2">{{contact.contact_firstname + ' ' + contact.contact_lastname}}</div>
                <div class="col3">{{contact.contact_phone}}</div>
                <div class="col4">{{contact.contact_email}}</div>
            </li>
        </ul>

        <a ng-click="refresh()">Refresh</a>
    </section>

{{contact.contact_id}
{{contact.contact_firstname+''+contact.contact_lastname}
{{联系。联系电话}
{{contact.contact_email}


刷新

哇，这既简单又令人惊叹。非常感谢你，詹德森！

<section class="agenda" ng-app="Agenda">
        <ul ng-controller="Contacts">
            <li ng-repeat="contact in jsonContacts">
                <div class="col1">{{contact.contact_id}}</div>
                <div class="col2">{{contact.contact_firstname + ' ' + contact.contact_lastname}}</div>
                <div class="col3">{{contact.contact_phone}}</div>
                <div class="col4">{{contact.contact_email}}</div>
            </li>
        </ul>

        <a ng-click="refresh()">Refresh</a>
    </section>