ASP.Net MVC verses WebAPI loading of initial Angular model

Question

I have finished a few MVC partial views which load their data using calls to a webapi Get method, to preload the data used by the angular controller.

This method works but it feels more logical to do this via the initial asp.net-MVC Partial view load via @Model for example. Rather than waiting for the page to load and angular to call the get method of my webservice i could have prepopulated the Model, but im not sure how this would pass the data to Angular using this method.

Neither method you mention to get the data is necessarily wrong. It's really up to you how you want the application to load data. But since you're using Angular, I would think that loading the data in your controller and passing it to your partial view via @Model just defeats the purpose of using Angular. — Brett
– Brett, Commented Aug 26, 2013 at 23:33

Chintana Meegamarachchi · Accepted Answer · 2013-08-26 23:38:41Z

1

I have had the same issue (if one call this an issue) and ended up doing binding the model to the partial view at the server side. The main rational for the decision was that the model was already available at the time at the server side and I was not building a Single Page Application.

Had I been developing a SPA, I would store the partials as templates at the client side, then grab the model via WebAPI and do the binding

answered Aug 26, 2013 at 23:38

Chintana Meegamarachchi

1,8201 gold badge12 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tim Over a year ago

This was my thinking also to bind the model at serverside,how would you populate the angular controller with the model at this point? i.e. load the data at serverside,but so that the model is still available to angular for future clientside postback etc.

Chintana Meegamarachchi Over a year ago

Hi Tim, One approach would be to serialize the model as a json object within the partial (@Html.Raw(Json.Encode(your_model))) and pass it to angular controller as a parameter via the scope.

Zack Yang · Accepted Answer · 2013-08-27 01:22:50Z

0

If you use AngularJS,then it's not need ASP.NET MVC. Just use web api for get data.I written a demo site for AngularJS+ASP.NET WEB API,hope to help you,this is the source code.

answered Aug 27, 2013 at 1:22

Zack Yang

3992 silver badges11 bronze badges

Comments

cpp · Accepted Answer · 2015-03-26 15:59:02Z

0

Does your web page have a lot of heavy client-side interaction or are you simply using Angular to initialize the data for your page on load?

If there's a lot of client-side interaction, you will probably want to keep using Angular. If not, you might want to go back to using MVC since your use case doesn't really require Angular.

answered Mar 26, 2015 at 15:59

cpp

813 bronze badges

Collectives™ on Stack Overflow

ASP.Net MVC verses WebAPI loading of initial Angular model

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related