Posts

environment setup for Angular Application

Image
  Go to this site  https://cli.angular.io                  to install Angular CLI To get started with the installation, we first need to make sure we have nodejs and npm installed with the latest version. The npm package gets installed along with nodejs. Go to the nodejs site  https://nodejs.org/en/ Once nodejs is installed, you can check the version of node in the command line using the command, node  -v , as shown below − To check the version of npm, type command  npm -v  in the terminal. It will display the version of npm as shown below. Now that we have nodejs and npm installed, let us run the angular cli commands to install Angular  You will see the following commands on the webpage − npm install -g @angular/cli //command to install angular 6 ng new AngularDemo // name of the project cd AngularDemo ng serve Let us now check whether Angular CLI is installed or not. To check...

Bootstrap in Angular application

Image
Description : In this article we will learn how to install Bootstrap in Angular application Bootstrap is used to create responsive web applications. Prerequisites knowledge of HTML is required. Basic knowledge of TypeScript Node and NPM installed Angular Cli step1 Create new angular project using  command prompt   ng new BootstrapDemo step 2  Open Project   cd BootstrapDemo  step 3  npm install bootstrap --save   step 4 open Style.css    step 5   To add reference in styles.css file add this line,   @import '~bootstrap/dist/css/bootstrap.min.css'; step 6 :   Let's create a form using Bootstrap  Add these lines in app.component.html of html and bootstrap to design form. <router-outlet></router-outlet> <div class="container"> <form class="form-inline"> <div class="form-group"> <label class="sr-only" for=...