angular-material - md-autoComplete が戻り値を表示しない理由

Question

初めてAngularマテリアルを使用しています。オートコンプリートの問題で立ち往生しています。以下は私のテンプレートです：

<md-autocomplete class="flex"
                 md-no-cache="true"
                 md-selected-item="c.receipt"
                 md-item-text="item.name"
                 md-search-text="SearchText"
                 md-items="item in querySearch(SearchText)"
                 md-floating-label="search">
    <md-item-template>
        <span><span class="search-result-type">{{item.GEOType}}</span><span md-highlight-text="SearchText">{{item.GEOName+(item.country?' / '+item.country:'')}}</span></span>
    </md-item-template>
    <md-not-found>No matches found.</md-not-found>
</md-autocomplete>

そしてctrlには次のものがあります：

$scope.querySearch = function (query) {
    var GeoDataAPIUrl = '/api/TargetSettings/RetrieveCorridorLeverValues';
    if (query.length < 5)
        return;
    else {
        var GeoDataSearchUrl = GeoDataAPIUrl + '?' + 'strGeoName=' + query;
        $http
            .get(GeoDataSearchUrl)
            .then(function (geoAPIResponse) {
                console.log("GeoAPIResponse was ", geoAPIResponse);
                return geoAPIResponse.data;
            },
            function (geoAPIError) {
                console.log("GeoAPI call failed ", geoAPIError);
            });
    }
};

上記のコードでは、提案として何も得られず、見つからないテキストのみが表示されますが、http 呼び出しはコンソールにも出力される配列を返します。私は何かが欠けていますか??

多くの場所で、人々がオートコンプリートでいくつかのフィルターを使用しているのを見ましたが、それは不可欠なものだとは思いません。

上記の作業を行う方法を教えてください。