角度材料のmd-autocompleteで選択した値を変更します

Question

私のページでmd-autocompleteを使用しましたが、今度はレコードを編集する必要があります、プログラムでmd-autocompleteの選択値を変更する方法は？ここで

app.controller('DemoCtrl', DemoCtrl); 
function DemoCtrl($timeout, $q, $log) { 
    var self = this; 
    self.simulateQuery = false; 
    self.isDisabled = false; 
    self.states = loadAll(); 
    self.querySearch = querySearch; 

    function querySearch(query) { 
     var results = query ? self.states.filter(createFilterFor(query)) : self.states, 
       deferred; 
     if (self.simulateQuery) { 
      deferred = $q.defer(); 
      $timeout(function() { 
       deferred.resolve(results); 
      }, Math.random() * 1000, false); 
      return deferred.promise; 
     } else { 
      return results; 
     } 
    } 
    function createFilterFor(query) { 
     var lowercaseQuery = angular.lowercase(query); 
     return function filterFn(state) { 
      return (state.value.indexOf(lowercaseQuery) != -1); 
     }; 
    } 
    function loadAll() { 
     return totlaTablaeau.map(function (repo) { 
      repo.value = repo.address.toLowerCase(); 
      return repo; 
     }); 

    } 
}; 

Answer 1

は、オンラインドキュメントの例を使用してCodePenです：

これは角度コードです。値はmd-selected-itemに設定するだけです。

マークアップ

<md-autocomplete ... md-selected-item="ctrl.selectedItem" ...></md-autocomplete> 

...

<md-button class="md-raised md-primary" ng-click="ctrl.selectArkansas()">Select Arkansas</md-button> 

JS

self.selectArkansas = function() { 
    self.selectedItem = { 
     value: "Arkansas".toLowerCase(), 
     display: "Arkansas" 
    }; 
}