Software Development Tricky

Thursday 14 September 2017

How to achieve grid CRUD Operation in angular 4 ?

Implementation Details:
 
      The application is implemented with help of sample JSON array not using any external HTTP service. This application for your reference only. if you want http service data , you need to modify your code based on your requirement.

Step 1: you need to set up your development environment before use this project.

  1. Install Node.Js if they are not install your machine.
  2. Verify you are running latest node and npm [comment: node -v and npm -v]
  3. Then install the Angular CLI Globally [npm install -g angular/cli]

Step 2: Click here to download demo project and extract & open the source file.

Source File Reference Path Screenshot:



Step 3: Then type cd source file path ((i.e.) cd C:/anguar4gridexampe)  in comment prompt

Step 4: Then Install package in your project. just type npm install in comment prompt. it would take some time to install all required package in your project.

Step 5: Once installation done. Then type npm start (or) npm serve to run your project

Step 6: your project not automatically run in your browser window. by default it take 4200 port to run. you are project run in http://localhost:4200/ 

Demo Output:



If you like this post, kindly share your valuable comments

Followers