javascript - 通过 typeahead-on-select 发送选定的 typeahead 选项

标签 javascript jquery angularjs angular-bootstrap angularjs-bootstrap

<input type="text"
       class="topic_select"
       id="selectTopic"
       ng-model="topicsPopulate"
       uib-typeahead="topic.name for topic in topics|filter:$viewValue"
       uib-typeahead-show-hint="true"
       uib-typeahead-min-length="1"
       typeahead-on-select="TopicChanged(topicsPopulate)" />

我实际上想发送我选择的主题(一个包含许多变量的 json 对象),而不是存储在 topicsPopulate 中的字符串(主题名称)。 Topics 是一个主题数组,一个主题看起来像这样,

{
    id: "12967",
    name: "ABCD",
    description: "ABCD"
}

最佳答案

uib-typehead 遵循与 Angular ng-options 相同的语法。因此,只需更改您的 uib-typehead:

uib-typeahead="topic as topic.name for topic in topics|filter:$viewValue"

请查看 Plunker .

关于javascript - 通过 typeahead-on-select 发送选定的 typeahead 选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38585647/

相关文章:

javascript - 如何将 UIWebView javascript 异常的 sourceId 与源文件相关联?

javascript - Mouseenter和MouseLeave同时触发

c# - Angular Material AutoComplete 不加载选项 MVC

javascript - D3.js - DOM 文本不正确退出

javascript - Backbone 收集到 morris.js d ="M,0,0"错误

javascript - 将光标设置到文本区域中特定行的特定位置

javascript - 灰色背景点击按钮显示弹出窗口

javascript - 在页面加载时使用 ng-class 在 div 上设置一个类

javascript - angularjs [ng :areq] Argument 'fn' is not a function, 在控制台错误中得到字符串

javascript - "TypeError: Cannot read property ' 名称 ' of undefined"错误