Are angular views executed when the site is served from the local file system?

Question

I am using angular to develop an application. I am developing my local file system on Windows. However, when I angular-route.js , whenever I click on index.html with my browser, it instead goes to index.html#/C:/ .

Defining my route:

 myApp.config(['$routeProvider', function($routeProvider) { $routeProvider.when('/', {templateUrl: 'home.html', controller: 'HomeCtrl'}); } 

I think this makes the site break because /C:/ does not match any angular routes. Something went wrong? How to fix it?

Answer 1

For routing and ajax (& more) to work correctly, start the local development server; Avoid using file:// for development, as browsers have different rules for it.

Tools like yeoman + generator-angular will automatically configure the grunt file with a server task that will start the node-connect server to serve your files locally.

You can do it with

• python: (3) python -m http.server 8001 (replace http.server with SimpleHttpServer in 2)
• node.js + connect
• ruby + rack
• From the angularjs tutorial ( number 5 in the section "Working with the code" ) - "Your system must have an http server, but if you do not already have the installed version, you can use node to run the scripts \ web-server.js, a simple link http server. "

---

Reply from comments: use a phone screensaver for a phone call. He does what I said, he starts the local server

Answer 2

This will work.

 angular.module('MainModule', []).config(function($locationProvider, $routeProvider) { $locationProvider.hashPrefix("!"); $locationProvider.html5Mode(false); $routeProvider.when('/', {template: './js/templates/home.html', controller:HelloWorldCtrl}); $routeProvider.when('/other', {template: './js/templates/other.html'}); }); 

In the HTML index, you need to specify patterns:

 <script type="text/ng-template" src="./js/templates/home.html"></script> <script type="text/ng-template" src="./js/templates/other.html"></script>