Comprehensive Full Stack Development Tutorial: Learn Ionic, Angular, React, React Native, and Node.js with JavaScript
Angular the ngSwitch directive, we can control the display of blocks of elements within DOM based on conditions. Angular has a lot of built-in directives: *ngIf , *ngFor , *ngSwitch. These directives are so-called structural directives, which are responsible for changing the layout of the HTML by adding, removing, or modifying elements from the DOM. […]
The ionic component is one of the building blocks of the ionic framework. Ionic has lots of pre-built components like cards, lists, tabs, a grid, and more. Ionic apps are made of high-level building blocks called components, which allow us to construct the UI for our application. Here we will be creating our own custom […]
An angular Renderer2 class is an abstraction provided by Angular in the form of a service that allows manipulating elements in our application without having to touch the DOM directly. In our previous articles, we learned the pros and cons of using angular elementRef to directly access DOM element manipulation. An Angular app consists mainly of […]
The angular custom directive allows us to create our own directive, which is specific to our application needs, even though the Angular built-in directive provides the most common task needed for the web application. Angular provides a good range of built-in directives. We can also create our own directives to solve problems that are specific […]
In our ionic project, we can use the default Ionic UI, which is enough and excellent, and if somehow you want to use Angular material or bootstrap. In this tutorial, we’ll learn how to use ionic bootstrap UI. The ng-bootstrap, allow us to use Bootstrap Components and directive in Angular. This makes it easy to […]
In Angular, we have different ways of communication between components. We can query and manipulate the child element/component using different decorators that Angular provides, like @ViewChild and @ContentChild depending on where that element might occur. We need to use the angular ContentChild/ContentChildren decorator to work with the elements inside the “ng-content” container. The @ContentChild decorator […]
