angularjs - 如何使用 md-autocomplete 向列表添加新值?

标签 angularjs angular-material

我想使用 md-autocomplete 来搜索数组中的对象。如果找到该对象,我希望填充一个编辑表单,但如果未找到该对象,我希望用户能够使用相同的表单添加一个新表单。

例如,我有一个联系人数组:[{name: string, email: string}...]

然后在我的模板中:

<md-autocomplete       
  md-selected-item="$ctrl.newContact"
  md-search-text="$ctrl.searchString"
  md-selected-item-change="$ctrl.selectedItemChanged(item)"
  md-items="item in $ctrl.getContactsByFullName($ctrl.searchString)"
  md-floating-label="Contact's Name"
  md-item-text="item.fullName">
</md-autocomplete>
<md-input-container>
  <label>Email</label>
  <input type='email' ng-model='$ctrl.newContact.email/>
</md-input-container>

当我在 Contact's name 中输入一个新值时,选择电子邮件并在电子邮件中输入一个值时,$ctrl.newContact.fullName 的值变成一个对象。

我在这里做错了什么?我已经摆弄和编码,但似乎无法正确处理。请问有人有工作示例吗?

最佳答案

为什么不在 Controller 中使用 md-search-text 值,然后随心所欲地处理该值...类似的东西:

  md-search-text="searchString"

控制键:

console.log($scope.searchString);
//You can do with the value whatever you want!

不确定这是否是您需要的...

关于angularjs - 如何使用 md-autocomplete 向列表添加新值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35801333/

相关文章:

javascript - 日期转换错误

javascript - Angular Bootstrap 应用程序中的进度条错误

html - CSS 行未出现在 Safari 上,在 Chrome 上工作正常

javascript - Zone.js 将错误的 currentZone 值传递给 onInvoke Hook

angular - 在 Progressive Web App (Angular2) 上导入 Material 的 sidenav 问题

javascript - AngularJS 仅在服务器数据存在时显示 View

file-upload - 使用角度 Material 上传文件 5

javascript - md-autocomplete 未显示

html - Material Angular 自动完成 : how to remains the mat-option in the screen after selecting an option?

javascript - Material 升级后 AngularJS 自定义指令双向绑定(bind)被破坏