Category: Angular JS
-
Angular Lifecycle
Angular is a dominant and broadly classified client-side platform that has impressed millions of developers. Ever since the inception of the Angular platform, making applications has turned way easier than ever. Angular is extensively used in data visualization and building applications for both mobile and desktop. The seamless potential to leverage data makes angular unique in its class. With the…
-
Observables in Angular
Angular uses observables as an interface to handle many common asynchronous operations. Observables provide support for sharing data between the publishers and subscribers in an Angular application. It is a better technique for handling multiple values than techniques like event handling, asynchronous programming, and promises. A special feature of Observables is as it can access…
-
Angular Routing
Navigation is an important aspect of web applications. A single-page application (SPA) does not have multiple-page concepts, and it moves from one view (expense list) to another view. It provides clear and understandable navigation elements decide the success of an application. Angular provides a comprehensive set of navigation features to accommodate simple scenarios in a…
-
Angular Decorators
Decorators are design patterns used to isolate the modification or decoration of a class without modifying the source code. In AngularJS, decorators are functions that allow a service, directive, or filter to be modified before it is used. There are four main types of angular decorators: Each decorator has a unique role. Let’s see some examples to expand the…
-
Uninstall and Reinstall Angular cli
In this section, we are going to uninstall and reinstall Angular CLI. Angular CLI is a type of tool which is used to develop Angular application. It is a type of framework which is based on JavaScript. It is also one of the booming among others. That’s why it is a less stressful and robust…
-
Add Page Title and Meta Tags using Angular 9/8 SEO
In this section, we are going to learn about adding page titles and Meta tags. We will use Angular 9/8 to do this. Here we will explain the universal dynamic Meta tag. Here, we will also learn about the setting of SEO Meta tags. Meta services and titles are offered by Angular. These tags and…
-
Use Bootstrap Tabs with Angular
In this step, we are going to learn about the use of Bootstrap Tab. We will use Angular to do this. We can use Bootstrap tabs by using various versions of Angular like Angular 6, 7, 8, 9, 10 and 11. If we don’t have knowledge about ngx-bootstrap tabs, we are at the right palace.…
-
Toggle a Div on Button Click Angular
In this section, we are going to learn how we can toggle a Div by clicking on a button. We will use Angular to do this. In our below example, we will learn the use of toggle elements. In our application, we are going to use ngIf and hidden to toggle div on an event…
-
Ng-container Angular
In this section, we are going to learn about Ng-containers. We can use any version of Angular like Angular 6, 7, 8, and Angular 8 in ng-content in our application. Here, we are going to use ng-content with ng-container. Using the ng-container and ng-content, we can provide one more solution to the reusable components. In…
-
Multi-Select Dropdown using Angular 11/10
In this section, we are going to learn the multi-select dropdown. We will use Angular 10 or Angular 11 to do this. If we don’t know about the multiple select dropdown options, this example will provide good knowledge. In our Angular application, we are going to use the npm package of ng-select for the multi-select…