Angular - Chrome中的禁用按钮不显示工具提示

Question

我有按钮的这个代码，我想显示禁用按钮的tooptips。这在Firefox和IE中运行良好，但在Chrome中不起作用。在Chrome中，只有启用的按钮会显示工具提示。

<div *ngFor"let btn of buttons">
   <button [tooltip]="'Tooltip'" [disabled]="btn.disable">
</div>

Answer 1

此解决方案适用于我：

<div *ngFor"let btn of buttons">
   <div [tooltip]="'Tooltip'">
      <button class='btn' [disabled]="btn.disable">
   </div>
</div>

<style>
   .btn:disabled{
      pointer-events: none;
   }
<style>