【问题标题】:Angular Strap typeahead popover displaying in wrong positionAngular Strap typeahead popover 显示在错误的位置
【发布时间】:2017-02-23 13:35:30
【问题描述】:

我正在使用 angular-strap 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:

【问题讨论】:

  • 这似乎是一个 CSS 问题。您是否检查了引导程序 .dropdown-menu 类的 min-width 属性?你能多分享一点你的代码吗(至少是 HTML 父元素和相关的 CSS)?

标签: angularjs bootstrap-typeahead angular-strap


【解决方案1】:

我已按如下方式替换了预先输入的角带:

<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()" >

它解决了这个问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-04-08
    • 2014-07-17
    • 2013-10-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-02
    相关资源
    最近更新 更多