Бутстрап с угловым 2+ - PullRequest
Новая
       7

Бутстрап с угловым 2+

0 голосов
/ 28 августа 2018

Я пытаюсь использовать основную кнопку из начальной загрузки в моем модуле Angular. Но, похоже, не работает.

Вот что я сделал до сих пор. 

npm install ngx-bootstrap --save

Добавлен модуль начальной загрузки и импорт. 

import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { ModalModule } from 'ngx-bootstrap/modal';

imports: [
    BrowserModule,
    BsDropdownModule.forRoot(),
    TooltipModule.forRoot(),
    ModalModule.forRoot(),...]

exports: [BsDropdownModule, TooltipModule, ModalModule]

Теперь в модуле я использую этот код для кнопки: 

<button type="submit" class="btn btn-primary">Submit</button>

но кнопка все еще является стандартной кнопкой html. Не синяя кнопка отправки. Я забыл какие-либо шаги при импорте начальной загрузки. В структуре node_modules я могу найти загрузчик с необходимыми файлами .js и .css.

Спасибо за помощь.

Ответы [ 3 ]

0 голосов
/ 28 августа 2018

Похоже, в вашем случае начальная загрузка - это просто стиль. Чистый стиль CSS ваших элементов HTML. Ngx-bootstrap - это компоненты Angular (способ разложения вашего приложения). Это как обычный загрузчик с jquery для интерактивности, но в мире Angular.

Чтобы получить только стили начальной загрузки в вашем приложении, вам нужно выполнить команду: 

    npm install bootstrap

Затем поместите эти исходные файлы в angular-cli.json: 

    "styles": [
       "../node_modules/bootstrap/dist/css/bootstrap.min.css"
    ]

И перестройте свой проект.

0 голосов
/ 21 июня 2019

У нас есть два варианта импорта CSS из Bootstrap, который был установлен из NPM. Один из них настраивается в angular.json , а второй импортируется напрямую в src / style.css или src / style.scss . Вы можете пройти через это https://loiane.com/2017/08/how-to-add-bootstrap-to-an-angular-cli-project/#3-importing-the-css и узнать, как это сделать.

0 голосов
/ 28 августа 2018

Вам не нужно импортировать модули, вместо этого вам нужно прикрепить стили из начальной загрузки. import их в файле styles.css или настройте в разделе styles файла angular.json 

"styles": [
      "./node_modules/bootstrap/dist/css/bootstrap.min.css",
]

или ваш относительный / абсолютный путь

...