Arun Singh

Why should ngOnInit be used, if we already have a constructor?

Angular bootstrap process consists of the two major stages: constructing components tree running change detection The constructor of the component is called when Angular constructs components tree. All lifecycle hooks are called as part of running change detection. When Angular constructs components tree the root…

Python

Answered Nov 12, 2019 · 1.8K Views Read answer →

Explain architecture and key components of angular with diagram.

The main building blocks of an Angular application is shown in the below diagram:Angular has the following key components, Component: These are the basic building blocks of angular application to control HTML views. Modules: An angular module is a set of angular basic building blocks like components, directives,…

Python

Answered Nov 12, 2019 · 2.0K Views Read answer →

What are pipes and how can we use pipes in angular?

We have some helpful filters known as Pipes in angular. Pipes make it very easy to format or transform the data value according to our needs. Pipes are used with a Pipe (|) character, it takes an input and returns a desired formatted output. A pipe takes in data as input and transforms it to a desired output. Pipes…

Python

Answered Nov 12, 2019 · 1.6K Views Read answer →

What are nested components?

One component in angular can have multiple child components and the child components can also have further their own child components. In this way angular flawlessly supports nested components hierarchy. Just take an example of a calculator, in this calculator is our main component. Calculator is built with various…

Python

Answered Nov 12, 2019 · 1.6K Views Read answer →

What do you understand by module in Angular?

Module is the logical boundary in Angular Application where the application is further divided in separate modules in order to separate the functionality in application. It is basically a mechanism used to group the directives, pipes, components, and services, which can be further combined to other modules in order to…

Python

Answered Nov 12, 2019 · 1.6K Views Read answer →

Differentiate Observables and Promises?

Angular uses the Observables from RxJS, instead of promises in order to deal with HTTP.Promise is able to handle a single-event whenever an asynchronous operation fails or completes. It represents that task which is likely to be finished in future. Observable allows you to pass 0 or more events whenever a call-back is…

Python

Answered Nov 12, 2019 · 1.7K Views Read answer →

List all the building-blocks of Angular Application.

The building-blocks of Angular Application are: Component Metadata Templates Directives Data Binding Dependency Injection Services

Python

Answered Nov 12, 2019 · 1.4K Views Read answer →

What is Angular? What are the benefits of using Angular?

Angular is a framework used to build client applications in HTML, CSS, JavaScript or TypeScript. The benefits of using Angular are: It gives a clean structure to our application Brings a lot of reusable codes Makes more testable applications.

Python

Answered Nov 12, 2019 · 1.7K Views Read answer →

How to test ChangeDetection value on a few components? Find a way to access easily to component metadata.

We can do it in following way import { Component, Pipe, ChangeDetectionStrategy } from '@angular/core'; import { PipeResolver, DirectiveResolver } from '@angular/compiler'; @Component({ selector: 'app-banner', template: '{{title}}', changeDetection: ChangeDetectionStrategy.OnPush }) export class TestComponent { title…

Python

Answered Nov 5, 2019 · 1.4K Views Read answer →

Explain structural directives in angular.

Directives allow us to attach behavior to elements in the DOM, for example, doing something on mouse over or click. Structural directives change the DOM layout by adding and removing DOM elements. For example, *ngIf and *ngFor. Structural directives are responsible for HTML layout. They shape or reshape the DOM’s…

Python

Answered Nov 5, 2019 · 1.5K Views Read answer →

Explain the concept of data-binding in angular?

Data-binding defines the communication between component and DOM, by making the interactive application without the concern of either push or pull the data. There are three categories of data-binding in angular- Component-to-DOM: Interpolation: {{value}} – used to add values of property from component.…

Python

Answered Nov 5, 2019 · 1.4K Views Read answer →