Angular Materials mat-tab在Popper.js上的效果

时间:2019-07-24 03:05:40

标签: angular angular-material popper.js mat-tab

我发现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"  
    ]            

使用第一个窗格中的第一个按钮,我具有预期的行为。 我在第二个工具提示上有一个降级的工具提示(无箭头)。

0 个答案:

没有答案