Я использую ng2-bootstrap для проекта Angular 2.Как переключиться с Bootstrap 3 на Bootstrap 4 с помощью ng2-bootstrap?
Этот пакет поддерживает как Bootstrap 3, так и 4. После его установки он использует Bootstrap 3 по умолчанию. Я не нашел информации о переключении.
Как я могу переключиться с Bootstrap 3 на Bootstrap 4? Должен ли я написать что-то в файле tsconfig.json?
Спасибо!
Вы должны установить тему на bootstrap4
import {Ng2BootstrapConfig, Ng2BootstrapTheme} from '../ng2-bootstrap';
Ng2BootstrapConfig.theme = Ng2BootstrapTheme.BS4;
Примечание: Приведенный выше код должен быть использован до вашего основного компонента. Там же, где вы будете использовать angular2's enableProdMode();
Спасибо, но он показывает «Module» «ng2-bootstrap» ' не имеет экспортированного члена 'Ng2BootstrapConfig'. 'Module'" ng2-bootstrap "'не имеет экспортированного элемента' Ng2BootstrapTheme '.' –
Убедитесь, что вы правильно его указали, они экспортируются, как показано здесь. https://github.com /valor-software/ng2-bootstrap/blob/master/components/ng2-bootstrap-config.ts – Vamsi
Спасибо, @ Vamsi. Извините за поздний ответ. Мой вопрос касается Angular2, поэтому ваш ответ правильный ответ. Однако, Я действительно создал проект angular2-meteor. Я думаю, что проблема заключается в том, что Ng2BootstrapConfig и Ng2BootstrapTheme не экспортируются в файл ** ng2-bootstrap.d.ts **. Поэтому я создал проблему, https: // github .com/доблесть-так ftware/ng2-bootstrap/issues/114 –
На самом деле ответ Vamsi не работает для меня в текущей версии. Я посмотрел через исходный код, и это делает работу:
Put это в верхней части вашего <head> в HTML:
<script type="text/javascript">
// temporary hack for enable bootstrap 4
window.__theme = 'bs4';
</script>
. Где вы разместили код? Вы должны поместить код перед основным компонентом вашего приложения – Vamsi
Вы можете здесь, добавив 'window .__ theme' ничего не делает, они используют это значение для изменения' Ng2BootstrapConfig.theme' на основе этого значения https://github.com/valor-software/ng2-bootstrap/blob/development/demo/index.ts#L26 – Vamsi
Это решение сработало для меня, где @ Vamsi этого не сделал. Использование RC.3 с Webpack Starter Kit. – SimonHawesome
Easy:
деинсталлировать boostrap пакет npm uninstall --save bootstrap
установки бунтерап 4 упаковка npm install --save [email protected]
Поскольку ng2-boostrap работает с обоими пакетами, он просто обнаруживает установленный пакет начальной загрузки, и все. Это работает для меня.
Это совершенно странно, что они говорят, что «он хорошо играет с v3 и v4», но тогда нет ничего, чтобы показать, как переключаться в документах :-( –