angularjs - 在模态对话框中重用 Angular App

Question

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

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

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

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

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

score 0 · Accepted Answer

0

通过一些调整，我想下面的链接会对你有所帮助。

于 2014-05-05T12:43:57.233 回答

score 0 · Accepted Answer

也许你可以这样做：

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

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

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

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

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

2 回答 2