如何在没有自举的情况下执行Angular代码?

时间:2015-08-30 13:42:20

标签: javascript angularjs bootstrapping

所有手动自举示例都使用以下模式:

angular.module('myApp', []);
angular.bootstrap(document, ['myApp']);

但是,我不需要使用angular来查看文档,我只需要使用ui-bootstrap模块打开一个弹出窗口。

我设法做的最好的事情如下:

$("...").click(function() {
  angular.module("pp", ["ui.bootstrap"])
  .config(["$modal", function($modal) {
    $modal.open({
      template: "Hello!"
    });
  }]);
  angular.bootstrap(null, ["pp"]);
});

然而,每次都会重新引导角度,反复重新创建相同的模块,最重要的是它不起作用 - 配置与提供程序初始化一起运行,因此没有可用的$ module依赖项时间。

基本上,我正在尝试将角度结合到现有应用程序中,而不会在当前结构中产生明显的干扰。我想要角度来管理一个弹出窗口,现在没有其他任何东西,所以正常的bootstrap&控制器方式似乎不是最好的选择。

有没有办法运行该模态而不进行全局角度引导?

2 个答案:

答案 0 :(得分:1)

您是否尝试过将角度引导到整个文档并且除了模态调用之外根本不使用它?除非你的当前代码存在命名空间冲突,否则这似乎允许你在任何地方使用Angular函数而不必每次都进行自举。

答案 1 :(得分:1)

为什么不在没有角度包装的情况下使用Bootstrap?

angular指令只包含原始bootstrap modals一些额外的东西。

如果只使用Bootstrap本身就可以实现同样的目的,那么包含Angular + Bootstrap + UI Bootstrap似乎毫无意义。