My WordPress Blog
My WordPress Blog
What are Angular Pipes? In Angular, pipes are functions that format specified data before displaying it in the View. They help to transform and manage data within interpolation, denoted by {{ | }}. Therefore, pipes are sometimes referred to as filters. It accepts arrays, integers and strings as inputs which are separated by a vertical bar “|” symbol. Features and Uses […]
Custom Directives in Angular A custom directive is a user-defined directive that allows developers to extend the functionality of HTML elements. The attribute and structural built-in directives (covered in previous two chapters) offers very basic and pre-defined functionalities. However, with custom directives, you can add specific behaviors to HTML elements based on project requirements, user interactions, or […]
What are Structural Directives? Structural directives change the structure of DOM by adding or removing elements at runtime. This type of Angular Directive is used to show or hide elements based on user authentication, render dynamic lists from APIs, or create interfaces like tabs and accordions that change based on user actions. The structural directives are applied to elements by […]
What are Attribute Directives? Attribute directives change the appearance or behavior of DOM elements or components. It is used just like a normal HTML attribute. However, the directive should be enclosed within square brackets [ ] to bind it to the element. Built-in Attribute Directives The most commonly used attribute directives are as follows − NOTE: To use ngStyle […]
Angular directives are classes that enhance the feature of a HTML element or component and add additional behavior to the web application. They can transform a static HTML page into dynamic by manipulating DOM. They begin with ng, which stands for Angular. The @directive decorator is used to mark a TypeScript class as an Angular Directive. This decorator contains some configuration metadata […]
Two-Way Data Binding in Angular Two-way data binding is a two-directional interaction in Angular. In this type of data binding, data flows in both ways, from the component to views and from the views back to the component. When you bind a value into an element then, two-way binding gives that element the ability to apply […]
What is Style Binding? A dynamic web application usually have dynamic styles and are set during the runtime of the application. Style binding is a special binding to bind a value to the style attribute of a HTML element dynamically. Let us see more details about style binding in this chapter. Ways to use Style […]
What is Class Binding? A dynamic web application usually have dynamic styles and are set during the runtime of the application. Class binding is a special binding to bind a dynamic value to the class attribute of a HTML element. Let us see more details about class binding in this chapter. Ways to use Class […]
What is Attribute Binding? Attribute binding helps to set the value for the attribute of the HTML element. Angular exposes attributes of the HTML element with a matching property with the attribute name converted into camelCase. For example, the colspan attribute’s corresponding angular property is colSpan. Even though, angular tries to provide all HTML elements […]
Property binding is a type of Data Binding in which we bind a property of a DOM. Its purpose is to show or hide a DOM element, or simply manipulate the DOM. It helps to set the value for the property of the HTML element or angular component. Data binding is a mechanism that allows flow of […]