ui Bootstrap Tooltip aktivieren, wenn die Eingabe ungültig ist

Question

Hallo ich meine Tooltip wollen erscheint, wenn Eingang [vorlegen] deaktiviert ist. Die Deaktivierung der Eingabe funktioniert sehr gut, sie ist deaktiviert, wenn Eingaben [Text] ungültig sind, aber Tooltips nicht angezeigt werden.

Hier ist mein Code:

<input type="submit" 
     form="loginData" 
     ng-disabled="loginData.login.$invalid || loginData.password.$invalid" 
     class="btn btn-primary btn-md" 
     ng-click="$ctrl.login()" 
     value="Zaloguj" 
     uib-tooltip="Wypełnij formularz!" 
     tooltip-placement="top" 
     tooltip-trigger="'mouseenter'" 
     tooltip-append-to-body="true" 
     tooltip-enable="loginData.login.$invalid || loginData.password.$invalid" /> 

Tooltip aktivieren Richtlinie sollte Tooltip aktiviert, wenn der Eingang Login oder Passwort sind ungültig, aber es funktioniert nicht, bitte schnelle Hilfe machen!

EDIT: Ich arbeitete mit Google Chrome, so dass ich nicht erkannte, dass diese Lösung tatsächlich in anderen Browsern funktioniert (Mozilla sicher). Aber es funktioniert immer noch nicht mit Google Chrome, so dass es nicht zufriedenstellend genug ist.

Fasst die neue Frage ist, wie man um dieses Problem in Google Chrome gehen?

Answer 1

HTML-Elemente mit disabled-Attribute keine Ereignisse ausgelöst.

Aber keine Sorge, können Sie einen einfachen div/span mit uib-tooltip Richtlinie als Wrapper der Behinderten-Eingang/Taste verwenden.

In Ihrem Fall sollten Sie den Tooltip zeigen, nur dann, wenn sich disabed, so versuchen Sie die folgende ... (PLUNKER)

HTML

<span uib-tooltip="Demo tooltip" 
     tooltip-enable="isBtnDisabled" 
     ng-class="{'my-tooltip': isDisabled}"> 
    <input type="submit" ng-disabled="isDisabled" class="btn btn-info" value="My btn"> 
</span> 

CSS

.my-tooltip { 
    display: inline-block; 
} 

.my-tooltip input { 
    position: relative; 
    z-index: -1; 
}