Question

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

app config的当前代码：

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!");
    });
});

当调用上述内容时，我收到错误 “无法读取未定义的属性'警告'

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

Answer 1

Angular-ui-boostrap创建了一个名为＆＃39; ui.bootstrap＆＃39;的模块。要将它与requireJS一起使用，您必须要求使用javascript，然后将其创建的模块添加为角度应用程序的依赖项。

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

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

});

要使用模式，请按照文档说明：ui-bootstrap modal docs。

要求JS使用Bootstrap-ui

1 个答案: