2017-02-01 4 views
0

Ich versuche, Bootstrap-Tooltip mit einem Bereichseingang zu verwenden. Ich kann sehen, dass der Wert aktualisiert wird, aber der Tooltip als solcher ist auf dem Bildschirm nicht sichtbar. Das lässt mich fragen, ob Tooltip kompatibel mit Eingabe Typ = "Bereich" ist. Oder fehlt mir etwas? Hier ist, was ich tue:Bootstrap-Tooltip mit Eingabebereich

<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" /> 

Antwort

0

Es ist kompatibel.

Meine Vermutung ist, dass Ihr {{seekValue}} leer ist, wenn Sie es auf die ngModel Variable ändern Sie ein sich ändernder Wert

<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

+0

Sie haben Recht sehen sollten. Danke, dass du es aufgezeigt hast. Sieht so aus, als wäre der Tooltip an ng-model gebunden. – Mustang

Verwandte Themen