Angular-material。自动完成指令

Question

我在自动完成方面遇到了一些问题。我的问题是：我可以发送我自己键入的文本而不是自动完成列表中的对象吗？

当我将对象从列表发送到 "person.eamil" 时没问题，但是当我将普通文本发送到 "person.email" 时，我得到的是 null 而不是我的文本。

这是我的 HTML 代码：

<md-autocomplete
  ng-model="person.email"
  ng-disabled="false"
  md-no-cache="true"
  md-selected-item="person.email"
  md-search-text-change="setPersonValidEmail(person, !innerForm.email.$error.email);"
  md-search-text="searchText"
  md-items="item in people"
  md-item-text="item.email"
  md-min-length="0"
  placeholder="some@one.com"
  ng-click="addOurPersonIfNecessary($index);"
  name = "email">
  <md-item-template>
    <span md-highlight-text="searchText" md-highlight-flags="^i">{{item.name}}</span>
  </md-item-template>
</md-autocomplete>

Answer 1

这里的md-selected-item期待一个填充在人中的对象。只有这样它才能填充自动完成。您可以将文本传递给 md-search-text

Answer 2

我找到了解决方案。尝试使用另一个这样的自动完成插件：

https://github.com/ghiden/angucomplete-alt

Angular-material。自动完成指令

Angular-material. Autocomplete directive

autocomplete

angular-material