如何在AngularJS项目中正确使用ui-bootstrap

时间:2018-01-03 11:54:25

标签: angularjs angular-ui-bootstrap

我试图在我的项目中使用下拉按钮,但我无法做到。 我运行命令:

public static F.Promise<Void> performAllItemsBackup(Stream<Item> stream) {
    return F.Promise.pure(stream).flatMap(items -> {
        ExecutorService pool = Executors.newFixedThreadPool(3);
        try {
            return CompletableFuture.allOf(
                items.map(CompletableFuture::completedFuture)
                     .map(f -> f.thenAcceptAsync(performSingleItemBackup, pool))
                     .toArray(CompletableFuture<?>[]::new))
                .handle((v, e) -> e!=null? F.Promise.<Void>throwing(e): F.Promise.pure(v))
                .join();
        } finally {
            pool.shutdown();
        }
    });
}

在此之后,我包括:

npm install angular-ui-bootstrap

最后在我的页面中:

angular.module('myModule', ['ui.bootstrap',
   ...
])

下拉按钮不起作用。 安装ui-bootstrap后还有什么需要包含的吗? 感谢

1 个答案:

答案 0 :(得分:0)

您必须先添加bootstrap.jsbootstrap.css,然后添加ui.bootstrap.css angular-animate.js和angular.touch.js。 然后在ui.bootstrap

之前添加ngAnimate和angular-touch依赖项
angular.module('myModule', ['ngAnimate','angular-touch','ui.bootstrap',...
  

他只需要依赖项:

     

AngularJS(需要AngularJS 1.4.x或更高版本,使用1.6.1进行测试)。   0.14.3是此库的最后一个版本,支持AngularJS 1.3.x,0.12.0是支持AngularJS 1.2.x的最后一个版本。角度动画(版本应与您的角度匹配,经过测试   1.6.1)如果您打算使用动画,则需要加载   角度动画也是如此。角度触摸(版本应该匹配   如果您计划使用滑动动作,则使用1.6.1测试您的角度,   你也需要加载角度触摸。 Bootstrap CSS(测试用   版本3.3.7)。此版本的库(2.5.0)仅适用于   版本3.x中的Bootstrap CSS。 0.8.0是最后一个版本   支持Bootstrap CSS的库