Bootstrap 带有输入类型范围的工具提示

Question

我正在尝试将 bootstrap 工具提示与范围输入结合使用。我可以看到值正在更新，但工具提示本身在屏幕上不可见。这让我想知道工具提示是否与输入类型兼容="range"。或者我错过了什么？这是我正在做的事情：

<input type="range" min="0" max="1000"
    ng-change="update()"
    ng-mouseenter="setPosition($event)"
    ng-mouseleave="resetPosition()"
    ng-model="position"
    uib-tooltip="{{seekValue}}"
    uib-tooltip-placement="top" />

Answer 1

兼容。

我猜你的 {{seekValue}} 是空的，如果你将它更改为 ngModel 变量，你应该会看到一个变化的值

<input type="range"
  min="0" max="1000" 
  ng-change="update()" 
  ng-mouseenter="setPosition($event)" 
  ng-mouseleave="resetPosition()" 
  ng-model="scaleValue" 
  uib-tooltip="{{scaleValue}}" 
  uib-tooltip-placement="top"/>

Demo plunker

Bootstrap 带有输入类型范围的工具提示

Bootstrap tooltip with input type range

html

angular-ui-bootstrap