What are components in Angular?
May 11, 2020

💡 Components define areas of responsibility in the user interface, or UI, that let you reuse sets of UI functionality. 

A component consists of three things:

1. A component class that handles data and functionality.

In this post, Five Common Features Of Angular's Template Syntax (With Examples), the product data and the share() method in the component class handle data and functionality, respectively.

2. An HTML template that determines the UI.

In this post, Five Common Features Of Angular's Template Syntax (With Examples), the product list's HTML template displays the name, description, and a "Share" button for each product.

3. Component-specific styles that define the look and feel.

Though product list does not define any styles in this post, Five Common Features Of Angular's Template Syntax (With Examples), this is where component CSS resides.

An Angular application comprises a tree of components, in which each Angular component has a specific purpose and responsibility.

You can add more components by just clicking on "New Component" in the browser window when you run your Angular application. 


Leave a Reply

Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 How to set opacity or transparency using CSS? #3 Pagination in CSS with multiple examples #4 How to make HTML form interactive and using CSS? #5 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #6 How to uninstall Cocoapods from the Mac OS?

Recently Posted

Mar 2 How to zoom an element on hover using CSS? Mar 2 the box-sizing property in CSS Mar 2 WordPress: How to access first and random row values from a repeater field in ACF? Mar 1 The basics of CSS Box model Feb 27 WordPress: How to display slider repeater fields in ACF? Feb 26 Simple Page Hit Counter in PHP

You might also like these

Overview of Drupal and how it worksDrupalWhy do we need HAVING Clause in SQL?SQL/MySQLHow to change CSS with JavaScript?CSSEXISTS and NOT EXISTS in PostgresPostgres5 Ways to Loop Through JavaScript ArraysJavaScriptWhat is HTMLUnknownElement?HTMLFunction Scope in JavaScript for BeginnersJavaScriptWhat is XP (Extreme Programming) and When should it be used?MiscLearn to create profile card using HTML and CSSCSSHow to add a Pie Chart in Angular App?AngularHow to Find the Highest (or Lowest) Number in an Array in JavaScript?JavaScriptReading Multiple Inputs in SwiftSwift