Search Results for: angular

Modify The DOM Behaviour In Angular: Angular Directives

Reading Time: 3 minutes Angular is a client-side web app creation technology. There are multiple ways to manipulate DOM behavior in Angular, but today we are going to learn Angular, one of the most asked topics in an interview Angular Directives. Angular Directives One of the hottest topics in angular is angular directives. Angular directives are used to manipulate DOM( Document Object Model) or add new behavior. In Simple Continue Reading

ViewEncapsulation in Angular

Reading Time: 2 minutes Introduction Angular applications are styled with standard CSS. Therefore it means you can apply everything you know about CSS stylesheets, selectors, rules, and moreover media queries directly to Angular applications.However angular can bundle component styles with components, enabling a more modular design than regular stylesheets. Therefore for every Angular component you write, you can define not only an HTML template moreover also the CSS styles Continue Reading

Integrating Angular Material in Angular

Reading Time: 3 minutes Introduction In this blog we will be learning about angular material and how do we integrate its components in the Angular Application. I will be adding MatTable to this blog. What is Angular Material? Angular Material is a UI component library for Angular. It provides us with an attractive range of components that help us in building the application in a faster way. These components Continue Reading

ActivatedRouteSnapshot and ActivatedstateSnapshot in Angular

Reading Time: 3 minutes The ActivatedRouteSnapshot and ActivatedstateSnapshot in Angular are used to comprehend how a component functions and is used. The ActivatedStateSnapshot is a dynamic snapshot of the current state of the route, whereas the ActivatedRouteSnapshot is a static image of the route information. In this blog, we will take a look at the ActivatedRouteSnapshot and ActivatedstateSnapshot classes in Angular. We’ll look in their functions and methods of Continue Reading

ActivatedRouteSnapshot Class to Ease Your Routing Life in Angular

Reading Time: 3 minutes Routing is the most common and important feature in each and every application perhaps it is a web or a mobile one.So, In this blog, we are going to talk about the ActivatedRouteSnapshot and its properties which helps the developer to establish the roadmap of routing in an application. So before diving deep into ActivatedRouteSnapshot let’s start we a question what is ActivatedRouteSnapshot? What is Continue Reading

Introduction to D3 with Angular

Reading Time: 3 minutes Introduction Hello readers. This blog will teach us about d3js and how to integrate it with our angular applications. We will also be working on some important events in d3js. Let’s get started. What is D3? D3 stands for Data-Driven Documents. It is a Javascript library for manipulating documents based on data. With the increasing amount of data being produced daily, visualization of data is Continue Reading

Reasons to choose Angular for Development

Reading Time: 4 minutes The decision of which tools or tech stack you should use to get optimum value of your investment is nothing but a conundrum.  From a business point of view, you couldn’t risk going wrong here since these risks can cash-on in any minute. So, what tools are capable of giving you the most bang for your buck?  – Well, off the top of my head Continue Reading

Deep-down to Directives in Angular

Reading Time: 3 minutes What are Angular Directives? Directives are the instructions in DOM which give the way how to place your components and business Logic in Angular. Angular Directives start with @Directive and have the prefix ng-. Let’s discuss the types of directives. There are basically four types of directives as discussed below: 1. Component Directives Component Directives describe the detail of the component about their instantiation and Continue Reading

Full Calendar Integration in Angular

Reading Time: 3 minutes Introduction Hey readers! In this blog, we will going through the FullCalendar package and understand how we can integrate it with an angular application. We will also see how we can create events in it and delete them. About FullCalendar FullCalendar is the most famous Javascript calendar. This package can be integrated with Angular, react, Vue, or any javascript application. It is a very lightweight Continue Reading

Environment Variables in Angular Part 1

Reading Time: 3 minutes Introduction Environment Variables are those variables, whose value changes as per the environment we are in. This will help us to change some behavior of the App based on the environment.As we all know there are majorly three stages through which an application goes through before going into production. Namely thoes stages are development, testing, staging and production. We call these stages as Environments. And Continue Reading

How to Download a CSV File using Angular?

Reading Time: 2 minutes Introduction In working on different application, one is common requirement for most of the applications is to export data and save it in a CSV file with data. This will help to organise the data and generates proper formatted report. A CSV file contains data values separated by commas. It has an extension of .csv. Prerequisite is to have to running an angular project, if you Continue Reading

Introduction to rxjs Subject & BehaviorSubject in Angular

Reading Time: 3 minutes Hi Readers,In this blog, let’s learn about Rxjs Subjects and BehaviorSubject in angular. The Rxjs Subject and BehaviorSubject are unique observables that act as both observers and observables. They allow us to emit new values to the observable stream using the next method. All the subscribers, who subscribe to the subject will receive the same instance of the subject and hence the same values. We will also Continue Reading

Single Sign On(SSO) with Amazon and Facebook in Angular

Reading Time: 4 minutes Introduction In the blog, we are going to learn about Amazon and Facebook single sign-on using angularx social login package with the help of an example. We will create a simple login button for Amazon and Facebook. When a user clicks the app permission page will appear. Here you will discover how to create a login with Facebook and Amazon in Angular using OAuth Social Continue Reading