Angularjs 禁用输入时启用ui引导工具提示
您好,我希望在禁用输入[submit]时显示我的工具提示。禁用输入效果非常好。当输入[文本]无效但工具提示不显示时,禁用输入 这是我的密码:Angularjs 禁用输入时启用ui引导工具提示,angularjs,angular-ui-bootstrap,angular-directive,twitter-bootstrap-tooltip,Angularjs,Angular Ui Bootstrap,Angular Directive,Twitter Bootstrap Tooltip,您好,我希望在禁用输入[submit]时显示我的工具提示。禁用输入效果非常好。当输入[文本]无效但工具提示不显示时,禁用输入 这是我的密码: <input type="submit" form="loginData" ng-disabled="loginData.login.$invalid || loginData.password.$invalid" class="btn btn-primary btn-md" ng-click=
<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" />
工具提示启用指令应在输入登录名或密码无效但无效时启用工具提示,请快速帮助
编辑:
我当时正在使用google chrome,所以我没有意识到这个解决方案实际上可以在其他浏览器中使用(当然是mozilla)。但它仍然不能与最新的谷歌浏览器配合使用,所以还不够令人满意
总结新问题是如何在google chrome中绕过这个问题?具有禁用属性的HTML元素不会触发事件。但别担心,您可以使用一个简单的div/span和
uib工具提示
指令作为禁用输入/按钮的包装器
在您的情况下,您希望仅在禁用时显示工具提示,因此请尝试以下操作。。。()
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>
.my-tooltip {
display: inline-block;
}
.my-tooltip input {
position: relative;
z-index: -1;
}