Web Prepration

Web Concept Tutorials

Angular

Here you can study most popular and useful tutorials of Angular, we have lists of tutorials, Interview Questions and answers of  Angular.

Angular, Others

In this post, I am going to explain all conditional statement of Angular like NgIf, NgIf else, Then and Switch Statement. NgIf, else, Then NgIf conditionally includes a template based on the value of expressions It adds or removes the HTML element in DOM layout. The basic syntax of the ngif directives is simple and effective, all we need to do is prefix the directive name with an asterisk ( * ) and add it anywhere inside our template. *ngIf NgIf is an structural directive that can add or remove host element and its descendants in DOM layout at run time. It conditionally shows the inline template. NgIf works on the basis of true and false result of given expression. If condition is true, the elements will be added into DOM layouts otherwise they will be removed  

  *ngIf with else Else is used when we want to

read more >>
Angular

In this post, I am going to explain What is Component and Directives in Angular 5 . What are components? Component is the basic building block of Angular, Which means that an angular application is a collection of components, and one component is responsible for handling one view or part of the view. A component Encapsulates the data, the html markup and the logic for view. You can create as many components are required. Component is nothing but a simple type Script class which contains following things, Type Scripts Class Html template/ Template URL @Component decorator with metadata Example:-  Let’s open up the /src/app/app.component.ts component file that the CLI generated for us:

For  more details See here What is Directives ? Directives are elements which change the appearance or behavior of the DOM element. There are 3 types of directive mainly. Components- Directives with own template Structural – Change DOM

read more >>
Angular

What is Decorators in Angular 5 Decorators are a features of type Script and are implemented as functions. The name of the decorators starts with @ symbols following by brackets and arguments, Since decorators are just function in type Script. Decorators are simply functions that return functions. These functions supply detadata to angular about a particular class, property, value or method. Decorators are invoked at run-time. Decorators allow you to execute functions. For example @Component executes the Component function imported from Angular 5. Some Common Decorators @NgModule() to define modules @Compomnent() to define components @Injectable() to define services @Input() and @Output() to define properties that send and receive data from DOM There are many built-in decorators available in angular and many properties on each decorators Types of Decorators Class Decorators – e.g. @Component and @NgModule Property Decorators for properties inside class- e.g. @Input and @Output Method Decorators for methods inside

read more >>
Angular

In this post, I am going to explain “What’s New in Angular5”  and cover basics of the angular topics and explain one by one.  Angular is an all-encompassing JavaScript framework that is frequently used by developers all over the world for building web, desktop, and mobile applications. Angular 5 has been released. The 5th edition of the JavaScript framework brings numerous innovations and optimizations. What is Angular?  Angular is platform and framework for building client applications in html and typeScript Angular is Itself written in type Script.  Angular 5 was announced to the world on November 2017  Developed by :- Google  Front-end client side JavaScript Framework Angular Features:-  Speed and Performance  Smaller Applications  Modular Applications  Cross-Platform( Web mobile desktop)  Single Page Application  Rest full API  Use type Script   Setup: Developement Environment for Angular 5 Nodejs:- Node js is an open source, Cross platform JavaScript run time environment go to nodejs.org NPM:-

read more >>