Question

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

<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工具提示

1 个答案: