ngRepeat не обновляется после изменения модели

Я пытаюсь немного кодировать входные данные для поиска, чтобы получить данные из базы данных, используя ngResource.

данные отображаются на странице с повторением ng, но когда я выполняю поиск, и область действия $ была обновлена, представление не обновляется и отображает старые данные.

Вот код:

main.html (активный просмотр)

<div ng-controller="searchCtrl as searchCtrl" layout="column">
    <form class="form-inline search-form col-md-offset-1">
        <div class="form-group col-md-5">
            <label class="sr-only" for="search_location">Location</label> <input
                id="search_location" type="search" class="form-control"
                ng-Autocomplete ng-model="place" placeholder="Location" />
        </div>
        <div class="form-group col-md-5">
            <label class="sr-only" for="search_tags">Tags</label> <input
                style="width: 100%;" id="search_tags" type="search"
                class="form-control" id="search_tags" placeholder="Tags">
        </div>

        <div class="col-md-1">
            <md-button class="md-fab md-mini" aria-label="Search" ng-click="searchCtrl.search()"> <md-icon class="md-fab-center"
                md-font-icon="glyphicon glyphicon-search" style="color: black;"></md-icon>
            </md-button>
        </div>
    </form>
</div>

<div ng-controller="mainCtrl">

    <div ng-repeat="evento in eventi" ng-include="'views/components/event_card.html'" class="col-md-3"></div>

</div>

main.js

'use strict';
app.factory('Eventi', function($resource) {
    return $resource('/eventsws/events/:location', {location : '@location'}, { 
        search: {
            method: 'GET',
            params: {
                'location' : "@location"
            },
            isArray : true
        }
    })
});

app.controller('mainCtrl', function($scope, Eventi) {
    $scope.eventi = Eventi.query();
});

searchbar.js

'use strict';
app.controller('searchCtrl', function($scope, Eventi) {
    $scope.place = null;

    this.search = function() {

        $scope.eventi = Eventi.search({
            'location' : $scope.place
        });
    }
});

когда он запускается, он получает все данные из базы данных и корректно отображает их, когда я пытаюсь выполнить поиск, обновляется $ scope.eventi (я вижу новые данные в $ scope.eventi из отладки), но представление по-прежнему показывать старые данные и никогда не обновлять.

Я пытался использовать $ scope. $ Apply в конце функции поиска, но результат тот же.

Ты хоть представляешь, почему это не работает?

Спасибо за ваше время.

Ответы на вопрос(2)

Ваш ответ на вопрос