Last Update November 10, 2020: We improved the overall article.
After complete learning AngularJS, 🙂
you need to know how to run the angularJS project on a server or in your localhost machine.
So the project never runs in a default web server.
Here is a guide on how to run angularJS project on your localhost server and the webserver.
1. View to Model – changes made to the View are propagated to the Model
2. Model to View – the View responds to changes made to the Model
Run angularJS project on web server
If you are running node.js:
1. Run node
scriptsweb-server.js to start the webserver
2. In your browser, navigate to
Running Xampp Webserver
In your browser, navigate to
Example angular-phonecat to run: http://localhost:8000/angular-phonecat/app/
Note:if you are seeing an error with xampp listening port 8000 then maybe your port is 8080 by default.
To change port in xampp do the flowing step:
1. Open the path
httpd.conf file and open it
Listen 80 to change it
Save the file.
Then restart apache.
Running Others WebServer
If you are running some other http server:
1. Make sure the
/angular-phonecat repository was cloned into your
2. Navigate in your browser to
Windows Command Line
cd /d C:xampp
On Git Bash window
$ node scripts/web-server.js Http Server running at http://localhost:8000/
That’s It I hope you will find the solution here.
To share the article.