页面重新加载时，角MDBootstrap样式停止应用

Question

我正在使用MDBootstrap包(角版)，我试图将它应用到我正在构建的页面的按钮上。

首先，加载页面并应用按钮的样式，但如果我重新加载页面，则不再应用样式。我想知道为什么会发生这种情况，以及是否有一种方法可以省略特定组件的MDBootstrap样式并应用基本的引导样式。

下面是一个示例，当页面加载一次时：

​

​

然后，当它重新加载时，这里是相同的页面：

​

​

注意两个按钮在每个图像上是如何变化的。这是我用来生成标题部分的代码：

​

<div class="row align-content-between m-3 mt-4">
    <div class="col-2 col-md-1">
        <button class="btn btn-primary" size="sm"
            [routerLink]="['/admin/project-management']" routerLinkActive="router-link-active" mdbWavesEffect>
            <mdb-icon fas icon="arrow-left"></mdb-icon>
            <div class="d-none d-md-inline ml-2">Atrás</div>
        </button>
    </div>
    <div class="col my-auto">
        <h3><strong>{{project_id != 0 ? "Modificar proyecto" : "Crear proyecto"}}</strong></h3>
    </div>

</div>

​

欢迎任何帮助。

Answer 1

我假设您使用的是MDB角v8或更高版本。在这种情况下，您应该使用MDB组件/指令语法，而不是向按钮元素添加类。正确的按钮语法：

<button mdbBtn color="primary" size="sm">MDB Button</button>

MDB覆盖默认的引导样式，因此无法在一个组件上使用基本样式，而在另一个组件上使用材料样式。