md-autocomplete下拉列表無法與md-search-text-change調用同時更新

Question

我顯示了一個使用md-autocomplete的下拉列表，並且我還有一個typeahead API，一旦我開始在輸入框中輸入內容，就應該調用它們。 問題在於，它正在調用typeahead API並獲取結果並將其設置為JS控制器中的變量，但是html中的下拉列表僅當我在輸入框中鍵入下一個字符或關閉並重新輸入時才顯示過濾的下拉結果在下拉菜單上單擊。 當有人開始輸入內容時，如何立即對下拉結果進行更改？ 我正在使用md-search-text-change來獲取文本輸入並調用相應的函數。

HTML代碼：

<md-autocomplete flex-gt-xs md-no-cache="true"
                 required placeholder="Choose a Value"
                 md-selected-item="vm.item.value"
                 md-search-text-change="vm.searchTextChange(vm.valueSearchText)"
                 md-search-text="vm.valueSearchText"
                 md-items="value in vm.item.valueList"
                 md-item-text="value.id"
                 md-min-length="0">

JS控制器：

function searchTextChange(text) {
  service.getValueList(text).then(function (values) {
    vm.item.valueList = values;
  });
}

function getValues() {
  service.getValueList().then(function (values) {
    vm.item.valueList = values;
  });
}

因此，使用API​​調用中的正確值更新了valueList，但是在下拉列表中看不到最新的valueList，而是在下拉列表中看到了較早的較早值。 請幫忙。

Answer 1

嘗試以下

HTML：

<md-autocomplete flex-gt-xs md-no-cache="true"
             required placeholder="Choose a Value"
             md-selected-item="vm.item.value"
             md-search-text-change="vm.searchTextChange(vm.valueSearchText)"
             md-search-text="vm.valueSearchText"
             md-items="value in vm.searchTextChange(vm.valueSearchText)"
             md-item-text="value.id"
             md-min-length="0">

JS控制器：

function searchTextChange(text) {
  service.getValueList(text).then(function (values) {
    return values;
 });
}