how to access MVC model in View using Angular?

Question

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.

Uvarajan D · Answer

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 var myApp = angular.module('myApp1', []); myApp.controller('sController', function ($scope) { $scope.init = function (Service_Hierarchy_Details) { $scope.Service_hierarchy_details = Service_Hierarchy_Details; } }); Parent Service: {{t.Parent_Service_Name}} Child Service: {{t.Child_Service_Id}}

Sanwar Ranwa · Answer

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