需要带有 Bootstrap-ui 的 JS

Question

我想知道如何将 boostrap-ui 合并为依赖项（需要 JS）以使用 Angular。
当前问题 我面临的是，当注入依赖项时，当我在 bootstrapUi 上进行控制台登录时，它返回未定义。

应用配置的当前代码：

require.config({
  baseUrl: "../",
  paths: {
    "angular": "assets/libs/angular.min",
    "jquery": "assets/libs/jquery-2.2.2",
    "bootstrapUi": "assets/libs/ui-bootstrap-1.3.1.min"
  },
  "shim": {
      "angular": {
        deps: ["jquery"],
        exports: "angular"
      },
       "bootstrapUi": {
           deps: ["angular"],
           exports: "bootstrapUi"
       }
  }
});

require(["app.main", "app.controllers"], function(app) {
    app.init();
});

App 控制器的当前代码：

define(["app.main", "bootstrapUi"], function (app, bootstrapUi) {
    app.controller("loginCtrl", function () {
        bootstrapUi.alert("Hello Wolrd!");
    });
});

调用上述方法时，我收到错误 “无法读取未定义的属性 'alert'”

我想要实现的是使用依赖项来创建模式。

Answer 1

Angular-ui-boostrap 创建了一个名为“ui.bootstrap”的模块。 为了将它与 requireJS 一起使用，您必须需要 javascript，然后将它创建的模块添加为 Angular 应用程序的依赖项。

define(['angular', 'bootstrapUi'], function(){

    angular.module('app', ['ui.bootstrap']);

});

要使用模式，请遵循以下文档：ui-bootstrap modal docs。