在模态对话框中重用 Angular App答案

【问题标题】：Reusing Angular App inside modal dialog在模态对话框中重用 Angular App
【发布时间】：2014-06-21 18:15:35
【问题描述】：

我有一个在 A.js 中定义的应用 AppA。它使用带有模板 TemplateA 的 ng-route；但它有两个控制器 ControllerA1 (Creating) 和 ControllerA2 (Editing)。

我有一个在 B.js 中定义的其他应用 AppB。它使用一些带有各种模板 TemplateB1、TemplateB2、... 和各种控制器 ControllerB1、ControllerB2、...的 ng-route 机制。

我使用这些应用程序如下： AppB中有一个编辑按钮。当用户单击按钮时，它会重定向到一个 url（包含一些 id 信息），然后 AppA 将运行（获取具有给定 id 的 ng-resource）。

现在我想使用模态对话框而不是独立页面进行编辑。但我希望 AppA 中的旧机制仍在运行。

考虑到模板和控制器的可重用性，将 AppA 移动到 AppB 内的模式对话框的适当方法是什么？

【问题讨论】：

【解决方案1】：

我想下面的链接会对你有所帮助。

【讨论】：

【解决方案2】：

也许你可以这样做：

1- 将 A 的控制器移动到模块中：

angular.module('moduleA', []);
    .controller('controllerA1', ...)
    .controller('controllerA2', ...)

2- 将模板从 A 转换为指令，在它们自己的模块中，以便它们充当可重用的组件。

3- 在AppB 中导入模块并在您的模态中使用它们。

我不确定这是不是最好的方法，但应该可以。

【讨论】：