Angular MD Bootstrap стили перестают применяться при перезагрузке страницы - PullRequest
Новая
       14

Angular MD Bootstrap стили перестают применяться при перезагрузке страницы

0 голосов
/ 13 марта 2020

Я использую пакет MD Bootstrap (версия Angular) и пытаюсь применить его к кнопкам создаваемой мной страницы.

Сначала страница загружается и стили кнопок применяются, но если я перезагрузить страницу, стили больше не применяются. Я хотел бы знать, почему это происходит, и если есть способ опустить стили MD Bootstrap для указанного компонента c и применить базовые стили Bootstrap.

Вот пример на сначала, когда страница загружается один раз:

enter image description here

А затем вот такая же страница при перезагрузке:

enter image description here

Обратите внимание, как две кнопки меняются на каждом изображении. Это код, который я использовал для генерации раздела заголовка: 

<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>

Любая помощь приветствуется.

1 Ответ

0 голосов
/ 18 марта 2020

Я предполагаю, что вы используете MDB Angular v8 или новее. В этом случае вы должны использовать синтаксис компонента / директивы MDB вместо добавления классов к элементу кнопки. Правильный синтаксис для кнопок: 

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

Перезапись MDB по умолчанию Bootstrap стилей, поэтому нельзя использовать базовые стили для одного компонента и стили материала для другого.

...