How to load angularjs from MVC view and pass data to angularjs controller?

Question

I have an angularjs MVC application which posts a form to a different domain and a call back comes to MVC controller function as plain http post. When the call back comes back and the view is loaded, it does not run the angularjs controller tied to the view. How can we load the angularjs and use the data in the controller? Thank you!

[System.Web.Http.HttpPost]
public ActionResult Callback()
{
   return View("CallbackView");
}

CallbackView.cshtml

<div ng-controller="CallbackCtrl">
</div>

<script>
    //How to load angularjs?
    //How to read the http post data and use it in the CallbackCtrl?
</script>

Byron Jones · Accepted Answer · 2019-02-22 17:25:57Z

0

AngularJS will only load if the div where you bound your controller (or perhaps better, one of its parent elements) has the ng-app directive.

One approach to reading the post data is to serialize it to JSON in your controller method, then put it in a hidden input element, e.g.:

<input id="form-data" type="hidden" value="@model.MyFormData" />

From here you can simply use jQueryLite (included in AngularJS) to extract the value. This is certainly not the only way of doing this, just the method that immediately comes to mind.

answered Feb 22, 2019 at 17:25

Byron Jones

7455 silver badges13 bronze badges

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

3 Comments

Jyina Over a year ago

I see the angularjs is loaded because the parent layout has ng-app. But how can I make it run the controller CallbackCtrl when the view is loaded? Can I directly read the post data in the CallbackCtrl ? Thank you!

rahul tiwari Over a year ago

As I suggested in one of your other question, Adding life cycle hooks to controller will help debug in depth. May be you controller is working and issue lies somewhere else.

Byron Jones Over a year ago

You don't show a lot of your code here -- if the controller isn't working, it may simply be because you didn't actually name it CallbackCtrl. You can only read the post data if YOU explicitly put it somewhere in the ASP.NET MVC view template. That info doesn't automatically get inserted into the page like it did back in the web forms days. You can use the technique I suggested or a similar one to use the posted data in your controller.

Collectives™ on Stack Overflow

How to load angularjs from MVC view and pass data to angularjs controller?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related