how to access MVC model in View using Angular?

MVC model data was created in Controller and passed to using ViewBag. In View I need to access it using AngularJS so that I can display the each row data with checkboxes for selection?

The model contains columns (dept_id, dept_name) and may have many rows. My view should be shown as below and dept_id whose checkbox is selected should be identified.

Thank you Sanwar for the links...I tried solving using above links but in vain!

To understand more, here is my code. It is not displaying any data when I run.

Basically I wish to display Model data for Parent_Service_Name & Child_Service_Name fields in View. I can later modify the code for including checkbox for each row.

Please help me in solving the issue.

//MVC Model

public partial class Service_Hierarchy_Details

{

public int Supplier_Service_Id { get; set; }

public string Parent_Service_Name { get; set; }

public string Child_Service_Name { get; set; }

}

///////////////////////////////////////

//MVC Controller

// GET: Supplier_Services/Create

public ActionResult Create()

{

var service_hierarchy_details = (from t in db.Service_Hierarchy

join ss in db.Supplier_Service on t.Service_Hierarchy_Id equals ss.Service_Hierarchy_Id

join sup in db.Supplier on ss.Supplier_Id equals sup.Supplier_Id

join serP in db.Service on t.Parent_Service_Id equals serP.Service_Id

join serC in db.Service on t.Child_Service_Id equals serC.Service_Id

select new Service_Hierarchy_Details

{

Supplier_Service_Id = ss.Supplier_Service_Id,

Parent_Service_Name = serP.Service_Name,

Child_Service_Name = serC.Service_Name,

});

ViewBag.service_hierarchy_details = service_hierarchy_details.ToList();

}

////////////////////////////////////////////////////

//MVC View

@model SM.Service_Hierarchy_Details

Parent Service: {{t.Parent_Service_Name}}

Child Service: {{t.Child_Service_Id}}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Uvarajan D7y ago
Thank you Sanwar for the links...I tried solving using above links but in vain!
To understand more, here is my code. It is not displaying any data when I run.
Basically I wish to display Model data for Parent_Service_Name & Child_Service_Name fields in View. I can later modify the code for including checkbox for each row.
Please help me in solving the issue.

//MVC Model
public partial class Service_Hierarchy_Details
{
public int Supplier_Service_Id { get; set; }
public string Parent_Service_Name { get; set; }
public string Child_Service_Name { get; set; }
}
///////////////////////////////////////
//MVC Controller
// GET: Supplier_Services/Create
public ActionResult Create()
{
var service_hierarchy_details = (from t in db.Service_Hierarchy
join ss in db.Supplier_Service on t.Service_Hierarchy_Id equals ss.Service_Hierarchy_Id
join sup in db.Supplier on ss.Supplier_Id equals sup.Supplier_Id
join serP in db.Service on t.Parent_Service_Id equals serP.Service_Id
join serC in db.Service on t.Child_Service_Id equals serC.Service_Id
select new Service_Hierarchy_Details
{
Supplier_Service_Id = ss.Supplier_Service_Id,
Parent_Service_Name = serP.Service_Name,
Child_Service_Name = serC.Service_Name,
});
ViewBag.service_hierarchy_details = service_hierarchy_details.ToList();
}
////////////////////////////////////////////////////
//MVC View
@model SM.Service_Hierarchy_Details
Parent Service: {{t.Parent_Service_Name}}
Child Service: {{t.Child_Service_Id}}
Sanwar Ranwa7y ago
Hello

Please check these Links

https://www.aspsnippets.com/Articles/Pass-Send-MVC-Model-data-to-AngularJS-Controller-in-ASPNet-MVC.aspx

https://www.trycatchfail.com/2015/01/30/passing-data-to-angular-from-asp-net-mvc-views/

https://stackoverflow.com/questions/30715492/getting-and-passing-mvc-model-data-to-angularjs-controller