AngularJS Master详细示例[使用WEBAPI的ASP.NET应用程序,AngularJS]

时间:2013-04-02 04:12:27

标签: templates angularjs partial

要求就像主细节网格一样,在加载时主要显示为表格,在每个细节行编辑按钮上单击,需要在模态窗口中打开详细编辑表单。可能存在基于detail / productTypes的不同模板。例如,productType1将显示几组字段(模板1),依此类推。

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

1 个答案:

答案 0 :(得分:0)

您的HTML / CSS框架是否为对话提供了机制?如果是这样,你将不得不创建一个指令将它包装在脚本周围以打开对话框。

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

模板绑​​定到控制器作用域中的子对象,并具有详细信息的字段。将标志设置为false将关闭对话框,您将更改主控制器。