我有一个ng-options下拉列表,对于单个视图中的三个按钮是常见的,当用户单击任何按钮时会显示相同的下拉列表,但下拉列表中填充的数据应根据所选按钮进行更改。我正在使用显示这些按钮的asp.net MVC视图。下拉列表的数据来自具有三个属性的JSON对象,如下所示。根据按钮的选择,应在下拉列表中填充此对象的属性。
asp.net mvc控制器中的方法:
public JsonResult GetDetails()
{
var response = new { Names = names,
CustomerDepartments = depts,
FilteredData = deptSubSet
};
return Json(response, JsonRequestBehaviour.AllowGet();
}
在下面的下拉列表代码中,应该将根据用户选择,如何实现过滤器或条件语句的三个属性返回JSON对象的方法中的filteredData属性更改为上面显示的名称或customerDepartments。在ng-options基于按钮单击或用户选择的操作。所选操作存储在角度控制器中的方法中,并且作为controller.SelectedAction返回到MVC视图。
If controller.selectedaction=button1.click()
ng-options="temp.Name as temp.Name for temp in
Controller.Method2.FilteredData
If controller.selectedaction=button2.click
ng-options="temp.Name as temp.Name for temp in
Controller.Method2.CustomerDepartments
<select class="form-control" ng- model="Controller.Method1.Dropdown1"
ng-options="temp.Name as temp.Name for temp in
Controller.Method2.FilteredData"><option value="">Select a Value</option>