This project provides a look at getting started using Angular Http functionality and how it can be used to call a Node.js RESTful service. The code is for the Integrating Angular with Node.js RESTful Services available on Pluralsight at https://www.pluralsight.com/courses/angular-nodejs-restful-services.
- Using the Angular CLI
- Using TypeScript classes and modules
- Using Custom Components
- Using the Http object for Ajax calls along with RxJS observables
- Performing GET, PUT, POST and DELETE requests to the server
- Working with Angular service classes for Ajax calls
- Using Angular databinding and built-in directives
- Creating a RESTful Service using Node.js
- (Optional) Using Docker containers
- Node.js 10.16 or higher
- MongoDB 3.4 or higher
-
Install Node.js (14 or higher) and MongoDB (3.4 or higher) on your dev box
-
Execute
mongodto start the MongoDB daemon if it's not already running (read the installation instructions above if you are new to MongoDB or have issues running it) -
Run
npm install -g @angular/cli nodemonto install the Angular CLI and nodemon. -
Run
npm installat the project root to install the app dependencies -
Run the following task to build the Angular app (and watch for any changes you make) and copy the built code to the
publicfolder:ng build --watch -
Run
npm run serverin another console window to start the Node.js server -
Browse to http://localhost:3000
-
Install Node.js (14 or higher) and Docker for Mac/Windows or Docker Toolbox - https://www.docker.com/products/overview
-
Open
config/config.development.jsonand change the host fromlocalhosttomongodb -
Run
npm install -
Run
ng build --watch -
Open another command window and navigate to this application's root folder in the command window
-
Run
docker-compose buildto build the images -
Run
docker-compose upto run the containers -
Navigate to http://localhost:3000