templates - AngularJS Master Detail 示例 [带有 WEBAPI、AngularJS 的 ASP.NET 应用程序]

Question

需求就像主细节网格，加载时主显示为表格，在每个细节行编辑按钮上单击，需要在模态窗口中打开细节编辑表单。根据 detail/productTypes 可能有不同的模板。例如 productType1 将显示几组字段（模板 1），依此类推。

拥有支持 REST 的 WEBAPI 并了解如何构建初始主表但不确定细节部分如何。
任何方向都会有所帮助。

Answer 1

您的 HTML/CSS 框架是否提供对话框机制？如果是这样，您将必须创建一个指令以将其包装在脚本周围以打开对话框。

在主网格行上，ng-click 将在控制器上设置一个标志。当此标志设置为 true 时，指令中的代码将打开对话框。在该对话框 div 中，您可以使用绑定到模板 url 的 ng-include（控制器变量将存储该 url）。

模板绑定到控制器范围内的子对象，并具有详细信息的字段。将标志设置为 false 将关闭对话框，您将更改主控制器。