当按下md-autocomplete函数的调用时

Question

我正在为我的项目使用Angularjs。 我需要编写一个函数，当用户单击自动完成时调用该函数。 （不键入任何字符）最好的方法是什么？ 我尝试了这个：

$('.to').on('autocompleteSelect', function(event, node) {
                debugger;
                console.log("sss")
                });

但这是行不通的

谢谢

Answer 1

您可以在AngularJS中使用ng-focus指令来评估输入焦点上的表达式。 使用md-autocomplete ，看起来像这样：

  <md-autocomplete
      ng-focus="ctrl.autocompleteGotFocus()"
      ng-disabled="ctrl.isDisabled"
      md-no-cache="ctrl.noCache"
      md-selected-item="ctrl.selectedItem"
      md-search-text-change="ctrl.searchTextChange(ctrl.searchText)"
      md-search-text="ctrl.searchText"
      md-selected-item-change="ctrl.selectedItemChange(item)"
      md-items="item in ctrl.querySearch(ctrl.searchText)"
      md-item-text="item.display"
      md-min-length="0"
      placeholder="What is your favorite US state?">
    <md-item-template>
      <span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">{{item.display}}</span>
    </md-item-template>
    <md-not-found>
      No states matching "{{ctrl.searchText}}" were found.
      <a ng-click="ctrl.newState(ctrl.searchText)">Create a new one!</a>
    </md-not-found>
  </md-autocomplete>

请注意，此示例直接从以下角度材料文档复制： https : //material.angularjs.org/latest/demo/autocomplete

这是一个示例punker： https ://plnkr.co/edit/M5itKN0ob2PDcTgIjtVe

您会在控制台中看到，当自动autocompleteGotFocus功能首次获得关注时，会从autocompleteGotFocus函数记录一条消息。