AngularJS 材质参考字段输入答案

【问题标题】：AngularJS Material reference field inputsAngularJS 材质参考字段输入
【发布时间】：2018-04-04 07:00:31
【问题描述】：

我是 AngularJS Material 的新手，我正在尝试创建一个包含参考字段输入的表单，但似乎找不到任何关于这是否可行的文档。我尝试合并的输入如下所示：

当用户点击放大镜时，它会打开一个显示不同选项的弹出窗口。我并没有那么拘泥于这种确切的外观，但对功能更感兴趣。输入可以是下拉菜单或其他任何内容，但是当单击时，我希望显示不同的选项。我正在使用 ServiceNow，因此参考选项将绑定到后端的表格。

有什么建议吗？

谢谢！

【问题讨论】：

你要什么？样式/html 或行为？如果是第一个，有一个简单的解决方案，带有 flex 行/列和一点额外的 css，以防您希望按钮像您的图片（带边框）。否则，如果您正在查看行为，您可以在 dropwdon 的情况下使用md-menu 或处理点击事件并打开md-dialog。

标签： angularjs servicenow input-field angularjs-material

【解决方案1】：

如果你想创建一个引用选择器，ServiceNow 会为此提供一个 Angular 指令。字段对象包含一个带有显示值、值和名称的 JSON 对象。我希望这能帮到您。您可以在这里找到更多 ServiceNow 提供的指令：https://community.servicenow.com/message/1108400#1108400

<sn-record-picker field="FIELDOBJECT" table="'YOURTABLE'" default-query="'ENCODED QUERY'" display-field="'YOUR DISPLAYFIELD'" value-field="'VALUE'" search-fields="'SEARCHFIELD'" page-size="100"></sn-record-picker>

【讨论】：