Angular Strap typeahead popover显示在错误的位置

纳仁

我正在使用角度表带2.3.9。并使用以下代码提前进行引导:

<input type="text" class="form-control" ng-model="list" bs-options="val.description as val.description for val in listValues" ng-blur="checkFunction()" limit="10" bs-typeahead>

当我在文本框中键入第一个字符时,弹出窗口将出现在屏幕的右下方(屏幕截图1-typeaheadIssue)。但是对于病房中的第二个字符,弹出框正确显示在文本框下方(屏幕截图2-typeaheadIssue1)。

我试过使用能正常工作的angular-strap 2.2.4,但是angular-strap 2.3.8会产生此问题。这是一个未解决的问题,或者此修复程序已发布任何更新?

请检查所附的屏幕截图,以供参考:

屏幕截图1:

在此处输入图片说明

屏幕截图2:

在此处输入图片说明

纳仁

我已经按如下方式替换了斜角式背带:

<input type="text" class="form-control" ng-model="list" typeahead="val.description as val.description for val in valueListValues | filter:$viewValue | limitTo:10" ng-blur="checkFunction()" >

它解决了问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular Strap Popover $ scope。$ parent意外行为

angular-strap bs-popover指令中数据模板的动态路径

Angular Typeahead结果显示未定义

Angular-UI与Angular-Strap

Angular JS-自动聚焦输入并显示typeahead下拉菜单-ui.bootstrap.typeahead

Angular Typeahead保存ID

Angular Strap-警报不适用于指令

Angular-strap data-trigger ='focus'不起作用

使用angular-strap和ui-bootstrap中的组件

Angular Bootstrap Typeahead服务问题

尝试理解 Angular Bootstrap Typeahead

angular 4 typeahead仅显示在对象数组中具有匹配项的属性?

基于AngularJS的UI组件,quantumui,angular-strap,angular-bootstrap-ui

带有 RxJs switchMap 订阅的 Angular typeahead

Angular Typeahead指令-访问matchs元素

带有Typeahead的Angular Xeditable网格

扩展angular-ui-bootstrap typeahead模块

从Angular Ui TypeAhead更新AngularJS力模型

在嵌套对象上使用Angular Typeahead

Bootstrap Popover中的Typeahead.js

如何使用Angular-Strap创建带有控制器的模态?

bs-select (angular-strap) 下拉菜单在页面加载时默认打开

AngularJS + Angular Strap-如何根据单击的按钮向模态添加动态内容?

Angular-Strap的“ Aside”窗口的大小可以减小还是增大?

Angular-Strap如何防止点击事件传播到Datepicker元素

在Angular-strap模式下使用jQuery插件时遇到问题

Bootstrap Typeahead返回显示的值而不是ID?

twitter typeahead ajax结果未全部显示

Bootstrap Typeahead未按预期显示提示