0

我想知道如何将 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();
});

应用控制器的当前代码：

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

当上面被调用时，我收到错误“无法读取未定义的属性'警报'”

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

4

1 回答 1

1

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

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

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

});

要使用模态，请遵循 de 文档：ui-bootstrap modal docs。

于 2016-04-12T20:53:14.063 回答