Angular Framework

Angular JS Interview Question :- ANGULAR JS 1.0 and ANGULAR JS Framework 2.0,4.0,5.0,6.0,7.0 .................................................................................................... Q1 what is difference between Angular JS and normal javascript? Q2 what is directive elements in angular js?       ng-model       ng-bind      ng-repeat      ng-pattern      ng-style     Q3 what is $scope variable in Angular? Q4  what is Angular API? Q5  what is module in Angular JS and How we can create Module? Q6  what is Component and Sub Component and root Component? Q7 what is data binding concept in angular js ,explain one-way and two-way binding with example Q8 what is Property binding and Event binding? Q9 what is dependancy injection in angular JS .how we can implement them Q10 what SPA means Single Page Application? Q 11 what is Routing Concept.ho...

Angular Framework Introduction .......................................................................................................................................................................   before study this first you learn JS and Jquery:- https://www.shivatutorials.com/search/label/JAVASCRIPT https://www.shivatutorials.com/search/label/Jquery It is a javascript framework which provides an MVC design pattern to develop dynamic web application using HTML and JavaScript Object. MVC means Model, View, and Controller, it is used to distribute the project on different project layer. Angular JS-Support JavaScript code  and Typescript code. structure to write Business Code. The flow of MVC:- MVC flow is the opposite of there name. The First Controller module will be loaded then View will be loaded after that model object will be integrated.                    ...

Angular JS Introduction:- https://www.shivatutorials.com/search/label/JAVASCRIPT https://www.shivatutorials.com/search/label/Jquery It is a plugin of JavaScript which is used to create a dynamic web application using HTML+CSS+Bootstrap and web services. Angular JS use MVC Design pattern to develop an application,  MVC means model, view, and controller. The model  means data access layer, we will use a third party script such as PHP,Java,.NET, Node to create a model layer using API (application programming interface). View means User access layer, we will use HTML 5+CSS3+Bootstrap  to create a user access layer.   Controller means Business access layer, it will provide complete dynamic programming using JavaScript, Jquery, or typescript. What is the difference between Angular and Angular JS? Angular js is the 1.0 version of angular, initially angular use javascript without using the node package manager and node library hence it is called Angular JS. later...

HttpService in Angular Framework:- It is used to handle HttpRequest from external resources and fetch, post, update and delete from external resources .we will create web API or web services to get data from a remote server, web services, and web API will be consumed by HttpService in Angular Framework. Web Services will be created by Server side script such as Java, PHP,.NET, PYTHON, Ruby, etc, and Consumed by Angular HTTP Service. in  Angular  (currently on  Angular -17) . subscribe () is a method on the Observable type. The Observable type is a utility that asynchronously or synchronously streams data to a variety of components or services that have  subscribed  to the observable. Step to implement Services:- 1)  go into app.module.ts file and register httpService provider import { provideHttpClient } from '@angular/common/http' ; providers : [     provideClientHydration (),     provideHttpClient ()   ] 2)  cre...

Create Five Page Web Application using Angular:- ...................................................................................................................................... 1)  First Create HTML Page 2)  Link two plugin first angular and another will be route configuration plugin. 3) Create a header, middle, and footer section 4)   create ng-app and ng-controller section then write  <div ng-view> </div>       It is used to load the child template of the angular main page 5   Create Controller file and define different routing path      app=angular.module('modulename',[ngRoute]);      app.config(function($routeProvider) {     $routeProvider   .when('/', {     templateUrl : 'pagename',     controller  : 'contoller'   })    .when('/pathname', {     templateUrl : 'pagename',     controlle...

 Services in Angular JS :- It is used to add external functionality ,features in angular js application from Remote Web Server. Service always will be defined as a method in angular JS Controller. Service use to provide business code as well as Http data from web server. To access Http data angular provide $http variable which will be defined under controller section. Complete Code to get registration web service data in angular js application. CORS should be enabled in angular JS Web services then it will be displayed . .................................................................................................. <!DOCTYPE html> <html> <head> <title> AngularJs $http.get() Service Response Example </title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> </head> <body> <div ng-app="serviceApp" ng-controller="serviceCtrl...

Angular Framework Installation

Navigation from One Comopnent to another in angular Framework  :- Angular Provide Router class to manage navigation first we will import Router class under login component import { Router } from '@angular/router'; First Create Component and design login form according to requirement ,I am designing sample login form using RectiveFormModule or Model Driven Form Approach. write this code in design file or template file of component:-  <form [formGroup] = "formdata" (ngSubmit) = "onClickSubmit(formdata.value)" >       <input type = "text"  name = "emailid" placeholder = "emailid"          formControlName = "emailid">       <br/>             <input type = "password" name = "passwd"          placeholder = "passwd" formControlName = "passwd">       <br/>             <input ...

 Create a Simple Interest program in Angular JS:- step 1st:-     Create HTML Form and add angular library Step2nd:-   add ng-app and ng-controller under body section or <div> step3rd:-     add angular event under button tag ng-click step4th:-      define controller script using javascript                   add module using ng-app attribute                    var app = angular.modules('appname',[]);    [] means angular route ,default is null                    app.controller('controllername',function($scope){                   });  ...

Angular JS Form Validation:- 1) Form Validation :- 2) Angular js Form Validation :- Angular JS Support HTML 5 Validation and it is used to manage State of Validation error according to events. It contain predefined variable to handle validation process. $untouched  The field has not been touched yet $touched  The field has been touched $pristine  The field has not been modified yet $dirty  The field has been modified $invalid  The field content is not valid $valid  The field content is valid Example of Angular Js Form validation using Name and Emailid Id Field    <!DOCTYPE html> <html> <head> <title></title>     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> </script> </head> <body> <div ng-app="">  <form name="frm"> <input type="text" name="n" ng-model="n" required>...