angularjs - What is the minimum work to get Angular working in a ASP.NET MVC/WEB Api template -

-

i transitioning on using angular , web api together. mvc/web api templates in visual studio have root path point homecontroller.cs returns view..

how root path point angular html file? concept of server side routing need go away somehow ? confused , have not found info on how transition mvc/web api template using angular , do files template creates.. far understand is

  1. create web api template in vs
  2. create index.html page in root directory contains ng directive other angular html pages , serves sort of master page them
  3. then guess need rid of asp.net mvc routing works in old school webforms type of way of specifying file default file?

let me take stab @ using same stack of asp.net mvc, webapi , angularjs. assuming creating spa.

first , foremost, keep web api out of picture. it's applicability limited sending data in different formats, there no view concepts in it.

you can use both server side routing , angular routing serve views user. can in fact complement each other.

like master page, angular need have main page, has ng-app declaration. mvc standpoint home\index.cshtml can loaded initial view. server size view generated index page can contain ng-app directive , ng-view directive.

ng-view main area views swapped\loaded.you can can compare ng-view equivalent @renderbody() method on server side. remember remove @renderbody() call master page when using angular. don't remove renderbody loads main page. instead index page should loaded div ng-view in it.

you create server side views each partial view loaded in ng-view. example, there userlist.cshtml view gets loaded when route on client changes #/users on client. load these view server need provide templateurl in $routeprovide, template url resolved server routing ( /user/index).

things keep in mind while creating these child views is

  • they should not inherit master page.
  • hence should send content needs injected ng-view section, no <html>, <body> tags.
  • they can contain angular binding , other angular declarative stuff.

once initial template loaded angular, may make call server again load data template. web api comes picture. call /api/users return json data user. data returned can used bind view + data together.

hope have made myself clear.


Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more