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

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

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

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

1 个答案: