Angular How to setup SonarQube in Angular Application Hello Everyone, In this article I will guide you on how can you setup SonarQube or Sonar scanner in your angular application, SonarQube will help us to test the application code quality and check test coverages. Here I have mentioned some following steps Run Angular Test cases First, you need to check {type: ‘lcov’} is […] Written by Aditya Mishra August 9, 2023August 9, 2023 Saving Bookmark this article Bookmarked
Angular Tutorial How to NgClass and NgStyle in Angular | Angular Tutorial – 7 In Angular, we have attribute directives like ngClass and ngStyle with the help of these directives, you can dynamically add CSS and classes. it is useful for creating dynamic and responsive user interfaces. Let’s explore how can we use each of these directives Using ngClass The ngClass the directive allows you to conditionally apply CSS […] Written by Aditya Mishra August 7, 2023August 7, 2023 Saving Bookmark this article Bookmarked
Angular Tutorial What is Two Way Binding in Angular? | Angular Tutorial – 6 It’s Time to learn the two-way binding concept in Angular two-way binding is a very useful feature, with the help of two-way binding we can synchronize the update of a property between a component and an HTML element. In Angular, two-way binding is typically used with the [(ngModel)] directive, which is a part of FromModule, […] Written by Aditya Mishra August 6, 2023August 6, 2023 Saving Bookmark this article Bookmarked
Angular Tutorial What is Event Binding in Angular | Angular Tutorial – 5 In Angular, an event binding is an argument that can listen to and respond to events triggered by a user or application. It will allow you to create a method in your component that has a specific action in the DOM element, such as a button click, an input change, a mouse movement, and so […] Written by Aditya Mishra August 6, 2023August 7, 2023 Saving Bookmark this article Bookmarked
Angular How to use BehaviorSubject in Angular The behaviorSubject class is a part of rxjs library, with the help BeviorSubject we can share data between two components and handle data streams that need to hold and emit the most recent value to subscribers. It’s mostly used in such scenarios as sharing state between components, communication between services, and managing asynchronous data updates. […] Written by Aditya Mishra August 5, 2023August 6, 2023 Saving Bookmark this article Bookmarked
Angular Tutorial How to use Property Binding in Angular | Angular Tutorial – 4 Angular property binding is a way where you can set the value dynamically to an HTML element’s property based on a variable value from your component.ts file. Property binding is used with square brackets [] in Angular templates. You can bind to any variable and property of an HTML element. Here we have mentioned some […] Written by Aditya Mishra August 5, 2023August 6, 2023 Saving Bookmark this article Bookmarked
Angular Tutorial How to use Interpolation in Angular | Angular Tutorial – 3 Angular interpolation is used for dynamically rendering variable value on DOM, it’s embeds expressions within the HTML content of your templates. Interpolation in Angular is used by double curly braces like – {{ }}. Inside these curly braces, you can place your variable or property that will be invoked and replaced with their corresponding values […] Written by Aditya Mishra August 5, 2023August 6, 2023 Saving Bookmark this article Bookmarked
Angular Tutorial Explained Angular Folder Structure | Angular Tutorial – 2 Angular is a complete javascript framework, here we have the proper folder structure of an Angular project organized in a way that promotes a modular and maintainable approach to building web applications. Here’s a typical folder structure for an Angular project. Here is a breakdown of each folder and file in an Angular project NOTE: […] Written by Aditya Mishra August 5, 2023August 7, 2023 Saving Bookmark this article Bookmarked
Angular Tutorial Setup and Installations Step by Step | Angular Tutorial – 1 Hello Everyone, I have started a new Angular tutorial, In this tutorial will explain to you all Angular topics from basic to advanced, and it will help beginners, who want to start learning Angular. Now it’s time to Setting up and install the Angular series step by step to create a new development environment. Angular […] Written by Aditya Mishra August 4, 2023August 5, 2023 Saving Bookmark this article Bookmarked
Angular Openlayers OpenLayers Setup in Angular App | Step By Step Setting up OpenLayers in an Angular project involves a few steps. Here’s a general guide to help you get started First Create an Angular Project If you haven’t already, you can create a new Angular project using the Angular CLI. Open your terminal and run the following command You can change your-app-name with your preferred […] Written by Aditya Mishra August 4, 2023August 4, 2023 Saving Bookmark this article Bookmarked