我发现mat-tab对popper.js的副作用。 工具提示只能在第一个窗格上正常工作。
我只做了一个非常简单的测试: Angular,Material和bootstrap捆绑包。
简单的HTML文件是:
<mat-tab-group>
<mat-tab label="1">
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
Tooltip on right
</button>
</mat-tab>
<mat-tab label="2">
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
Tooltip on right
</button>
</mat-tab>
</mat-tab-group>
我以angular.json方式集成了Popper.js:
"styles": [
"src/styles.css",
"./node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"./node_modules/jquery/dist/jquery.min.js",
"./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
]
使用第一个窗格中的第一个按钮,我具有预期的行为。 我在第二个工具提示上有一个降级的工具提示(无箭头)。