代码之家 › 专栏 › 技术社区 › David Dehghan

禁用带角度工具提示的Bootstrap 4按钮

ngx-bootstrap bootstrap-4 angular

2

David Dehghan · 技术社区 · 7 年前

我试图创建一个引导4按钮与ngx引导和角度。但是,只有将鼠标悬停在禁用按钮的图标上,才会显示工具提示。如何使鼠标悬停在禁用按钮上的任何位置以显示工具提示。

只有将鼠标悬停在图标上才能工作:

<span tooltip="hello" [isDisabled]="false">
    <button type="button" class="btn btn-primary" disabled>
        <i class="fa fa-book-open"></i> btn disabled
    </button>
</span>

https://stackblitz.com/edit/ngx-bootstrap-rmnmf1

1 回复 | 直到 7 年前

1

Talha Junaid 7 年前

一个可能的解决方案是在按钮内创建工具提示。它将开始显示里面任何东西的工具提示 <button>

<button type="button" class="btn btn-primary" disabled>
  <span tooltip="hello" [isDisabled]="false">
    <i class="fa fa-book-open"></i> btn disabled
  </span>
</button>

推荐文章

phpdroid · ngx引导BsModal从子组件关闭

7 年前

Chic Si · 在ngx bootstrap的日期选择器上分离输入和日历

7 年前

user1585001 · ngx bootstrap ProgressBar-模板的使用经过了详细说明

7 年前

derrickrozay · ngx引导:Modal以小而不是大的形式打开

7 年前

Francesco Borzi · canDeactivate Guard服务中的Angular use modal对话框,用于未提交的更改(表单脏)

8 年前