如何将angular-ui-bootstrap与angular js一起使用?

时间:2019-05-25 15:53:39

标签: javascript angularjs bootstrap-4 angular-ui-bootstrap

我使用this repo作为开始。

我可以添加引导程序

安装引导程序:

@import "~bootstrap/scss/bootstrap";

将导入添加到scss:

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

添加按钮:

npm install angular-ui-bootstrap

在更有意义的上下文中相同:commit on github,然后使用正确的样式获得右键: link to screenshot

但是当我尝试使用this directive时,我看错了分页:link to screenshot

添加角度ui引导程序:

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

添加样式:

itertools.accumulate

并添加模板示例。

详细信息commit here

我做错了什么?

0 个答案:

没有答案