AngularJS routing vs backend routing

angularjs url-routing frontend backend
anti picture anti · Mar 21, 2013 · Viewed 7.4k times · Source

I would like to use AngularJS in my next project. The application with Python backend and html5, Angular frontend.

I am going to use MVC framework on backend and I am little bit confused. Do I have to use routing on backend and also frontend?

Because I always used backend routing and routing on frontend is really new idea for me.

Is client side routing better? And when I choose to use frontend routing, there will be no routes on backend? All request will be send to one url?

Answer

hotienvu picture hotienvu · Mar 22, 2013

You can use client-side routing and let the backend return static files and JSON data. The routing in Angular basically tell you which partial template you need to download from server and which controller will handler it.

Your back end routes will be like this

'/partials/:name' -> return corresponding partial

'/api/*' -> handlers to return json data

'/*' -> return index.html

Your index.html will contain reference to other views

...
<div ng-view></div>
...

Now let say you go to yourapp.com/someview.html. The server returns index.html and since the url is /someview, Angular will ask for "someview" partial from server and render the page accordingly.

In short, the server role is to return index.html, partials and serve REST API request. The client always receive index.html and based on the url, request for coressponding partials and JSON data.

Related questions

AngularJS dynamic routing

I currently have an AngularJS application with routing built in. It works and everything is ok. My app.js file looks like this: angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/…

Read More
AngularJS - Animate ng-view transitions

I have 2 html pages, welcome.html and login.html both of which are "inserted" into index.html dependending on the URL via an ngview attribute and router provider, as part of my AngularJS app. An example of this can be …

Read More
Difference between $state.transitionTo() and $state.go() in Angular ui-router

In AngularJS, I see sometimes we use $state.transitionTo() and sometimes we use $state.go(). Can anyone tell me how they differ and when one should be used over the other?

Read More