单击 ng-click 功能时，ng-repeat 不更新

Question

我有一个 GET 函数来列出名称，还有另一个由 ng-click 触发的函数，它需要更新 ng-repeat，其中 get 函数显示名称列表。但它不起作用。这是我的代码：

显示 GET 函数的容器：

    <div class="container names-container" ng-controller='namesCtrl'>
<div ng-repeat='name in names.pData'>
    <div class="name-box chiuv">
        <p class="name-name">{{ name.name }} {{ name.last_name }}</p>
        <p class="name-date">{{ name.date}}</p>
    </div>
</div>

使用 ng-click 搜索模式

<div class="output">
    <input type="text" class="form-control" name="output" id="nameH" ng-model="inputName" placeholder="Search by name">
</div>
<div class="hebk"></div>
<button class="search-btn" ng-click="searchName()">SEARCH</button>

功能

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

fetch.controller('namesCtrl', ['$scope', '$http', function($scope, $http) {

    $scope.getNames = function() {
        $http({
            method: 'get',
            url: '<?= base_url(); ?>/display/getNames'
        }).then(function successCallback(response) {
            // Assign response to users object
            $scope.names = response.data;
        });
    }
    $scope.getNames();

    $scope.searchName = function() {
        $scope.names = '';
        $http({
            method: 'post',
            data: {
                name: $scope.inputName
            },
            url: '<?= base_url(); ?>/display/searchNames'
        }).then(function successCallback(response) {
            // Assign response to users object
            $scope.names = [];
            $scope.names = response.data;

        });


    }



}]);