Как использовать angular-ui-bootstrap с угловым js? - PullRequest
Новая
       15

Как использовать angular-ui-bootstrap с угловым js?

0 голосов
/ 25 мая 2019

Я использую этот репо для запуска.

Я легко могу добавить бутстрап

Установка начальной загрузки: 

npm install bootstrap

Добавление импорта в scss: 

@import "~bootstrap/scss/bootstrap";

Кнопка добавления: 

<a class="btn btn-success">Test</a>

То же самое в более широком смысле: сделайте коммит на github и получите правильную кнопку с правильными стилями: ссылка на скриншот

Но когда я пытаюсь использовать эту директиву , я неправильно смотрю пагинацию: ссылка на скриншот

Добавить угловой загрузочный интерфейс: 

npm install angular-ui-bootstrap

Добавить зависимость к приложению: 

import Components from './components/components';
import AppComponent from './app.component';
import 'normalize.css';
import AngularUIBootstrap from 'angular-ui-bootstrap';

    angular.module('app', [
        uiRouter,
        Common,
        Components
        Components,
        AngularUIBootstrap
      ]);

Добавить стили: 

@import "~bootstrap/scss/pagination";
@import "~angular-ui-bootstrap/dist/ui-bootstrap-csp.css";

И добавить примеры шаблонов.

Подробнее совершить здесь

Что я делаю не так?

...