如何从Web API项目的角度调用项目的MVC控制器动作？

Question

Project 1 is called DemoMVCProj.proj . Its main files are index.html and DemoController .

class DemoController : Controller {
// ----index action here----
    [HttpPost] public ActionResult CallAction()
    {
        // --some logic here--
        // --return action result--
    }
}

There is another project called DemoMVCWebApiProj.proj , where more than one web API is created.

There is a third project called DemoUI.proj , which is an AngularJS project for creating views.

ApiController s are called under this project using DataFactory s.

How can I call DemoController (from the DemoMVCProj project) from one of the view in the DemoUI project?

Answer 1

Since DemoUI sounds like it's angular based, you would use $http to do any call's https://docs.angularjs.org/api/ng/service/ $http

If your routing is normal, you would use the url of /controller/action

If you simply wanna go to a view in the MVC proj without ajax loading, simply write an tag with a href="/controller/action"

Answer 2

The main question is that why do you need DemoMVCProj.proj (project1) in the AngularJS application?

AngularJS is great framework to bulid front-end client layer. Angular services like $http and $resource well communicate with ApiControllers. They send data with Content-type: applications/json what is good supported by ApiControllers .

You shouldn't use any Controllers which return ActionResults. Mishmashing Razor with AngularJS is bad and heavy.

The best solution is to use ASP.NET WebAPI2 to manage backend, and AngularJS for frontend. You doesn't need anything else.