angularjs - Angular-UI typeahead 显示特定字符

标签 angularjs angularjs-directive typeahead

我想使用 Angular-UI typeahead 指令来执行类似 Twitter 推文编辑器的操作:仅当用户输入特定字符时才显示它,例如 @{ ,并且当选择匹配时,仅附加所选值,而不是替换整个模型。

当前的 Angular-UI 实现是否可行?

最佳答案

这是我使用自定义指令实现的目标:

http://plnkr.co/edit/9eEq6fOZgVWlhBqUXpV5?p=preview

您需要做的是:

 <input type="text" ng-model="model"
    typeahead-on="{" typeahead-append="}"
    typeahead="suggestion for suggestion in ['second', 'minute', 'hour', 'day','week', 'month', 'year']" />

关于angularjs - Angular-UI typeahead 显示特定字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27898514/

相关文章:

javascript - AngularJS 指令 - 动态输入名称绑定(bind)

twitter-bootstrap - Twitter Bootstrap 预先输入多个值?

javascript - 更改 Typeahead 的动态字段

angularjs - 异步脚本超时

javascript - 如何在 Angular javascript中从另一个 Controller 调用一个 Controller 方法?

javascript - Angular-jQCloud : Resize words based on number of words

javascript - 我如何将对象数组与下划线js合并

javascript - AngularJS:如何使用 $location.path() 发送参数

ajax - 预先输入猎犬的自定义 header

angularjs - 使用 Karma-Jasmine 进行单元测试