在模态对话框中重用Angular App

Question

我有一个AppA AppA，在A.js中定义。它使用带有模板TemplateA的ng-route;但它有两个控制器ControllerA1（创建）和ControllerA2（编辑）。

我有另一个应用程序AppB，在B.js中定义。它使用一些ng-route机制与各种模板TemplateB1，TemplateB2，...和各种控制器ControllerB1，ControllerB2，......

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

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

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

Answer 1

稍微调整一下，我想下面的链接可以帮到你。

<强> Modal services

Answer 2

也许你可以这样做：

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

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

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

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

我不确定这是最好的方法，但它应该有用。