Templates AngularJS主详细示例[ASP.NET应用程序与WEBAPI,AngularJS]

Templates AngularJS主详细示例[ASP.NET应用程序与WEBAPI,AngularJS],templates,angularjs,partial,Templates,Angularjs,Partial,需求就像主细节网格,加载时主细节显示为表格,在每个细节行上单击编辑按钮,需要在模式窗口中打开细节编辑表单。根据详细信息/产品类型,可能会有不同的模板。例如,productType1将显示几个字段集(模板1),以此类推 使用支持REST的WEBAPI,了解如何构建初始主表,但不确定详细信息是如何生成的。 任何方向都会有帮助。您的HTML/CSS框架是否提供了对话机制?如果是这样,则必须创建一个指令,将其环绕在脚本周围以打开对话框 在主栅格行上,单击将在控制器上设置一个标志。当此标志设置为true时

需求就像主细节网格,加载时主细节显示为表格,在每个细节行上单击编辑按钮,需要在模式窗口中打开细节编辑表单。根据详细信息/产品类型,可能会有不同的模板。例如,productType1将显示几个字段集(模板1),以此类推

使用支持REST的WEBAPI,了解如何构建初始主表,但不确定详细信息是如何生成的。

任何方向都会有帮助。

您的HTML/CSS框架是否提供了对话机制?如果是这样,则必须创建一个指令,将其环绕在脚本周围以打开对话框

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

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