Edupala

Comprehensive Full Stack Development Tutorial: Learn Ionic, Angular, React, React Native, and Node.js with JavaScript

Month: April 2020

How to implement Angular renderer2 with an example

 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 […]

How to use and create angular custom directive?

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 […]

How to install bootstrap in Ionic 6

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 […]

Angular ContentChild and ContentChildren decorator

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 […]

How to use angular content projection .?

Angular content projection is one of the important and useful concepts of Angular. Because Angular is a tree of components, we can have nesting components inside one another. The content projection allows us to create a reusable and configurable component depending on the needs of its user using ng-content. Where the user can pass dynamic […]

Angular ViewChildren decorator in details

Angular ViewChild and ViewChildren decorator allow us to access and manipulate HTML elements in DOM or the child component by parent component. Angular provides different ways of communication between components. Components can query the content of their templates to locate instances of element/directive/component, which are known as view children. Angular viewChildren decorator declares a reference […]

Scroll to top