Author: saqibkhan
-
Smaller Bundle Sizes
Angular 10 introduced improvements to the size of bundles by default, thanks to the updated Terser tool for JavaScript minification, which reduced the size of production builds.
-
History and different versions of Angular
The first version of Angular was Angular1.0 (also known as AngularJS) which was released in 2010. But here, we are talking about Angular so; let’s see history and different versions of Angular. Angular2 Angular 2.0 was first introduced in October 2014. It was a complete rewrite of Angular so, the drastic changes in the 2.0…
-
How to install Angular 7?
Angular 7 Environment Setup In this page, you will see how you can install the prerequisites needed to run your first Angular 7 app. Install Visual Studio Code IDE or JetBrains WebStorm You must have an IDE like Visual Studio Code IDE or JetBrains WebStorm to run your Angular 7 app. VS Code is light…
-
Angular Features
A list of most important features and benefits of Angular: Angular supports multiple platforms Angular is a cross platform language. It supports multiple platforms. You can build different types of apps by using Angular. High Speed, Ultimate Performance Angular is amazingly fast and provides a great performance due to the following reasons: Productivity Angular provides…
-
What is Angular 7?
Angular 7 is a JavaScript (actually a TypeScript based open-source full-stack web application) framework which makes you able to create reactive Single Page Applications (SPAs). Angular 7 is completely based on components. It consists of several components which forms a tree structure with parent and child components. Angular’s versions beyond 2+ are generally known as Angular only. The very first version…
-
AngularJS HTML DOM
In AngularJS, some directives can be used to bind application data to attributes of HTML DOM elements.These directives are: Directive Description ng-disabled It disables a given control. ng-show It shows a given control. ng-hide It hides a given control. ng-click It represents an AangularJS click event. ng-disabled directive:The ng-disabled directive binds AngularJS application data to…
-
AngularJS Select
In AngularJS, you can create a dropdown list (select box) based on items in an array, or an object. Using ng-options You should use the ng-option directive to create a dropdown list, based on an object or an array in AngularJS. See this example: Note: You can also use the ng-repeat directive to make the…
-
AngularJS Tables
The ng-repeat directive is used to draw tables in AngularJS. Displaying tables with AngularJS is very easy and simple. Let’s take an example. This example use ng-repeat directive to draw a table. See this example: Displaying with CSS style You can also style the tables by using CSS. See this example: AngularJS Table example with…
-
AngularJS Filters
In AngularJS, filters are used to format data. Following is a list of filters used for transforming data. Filter Description Currency It formats a number to a currency format. Date It formats a date to a specified format. Filter It select a subset of items from an array. Json It formats an object to a…
-
AngularJS Dependency Injection
AngularJS comes with a built-in dependency injection mechanism. It facilitates you to divide your application into multiple different types of components which can be injected into each other as dependencies. Dependency Injection is a software design pattern that specifies how components get holds of their dependencies. In this pattern, components are given their dependencies instead…