TCS Angular Frontend Developer Interview Questions, Process, and Tips

Directives are markers on a DOM element that tell AngularJS to attach a specified behavior to that DOM element.

• Directives are used to create reusable components.

• They can be used to manipulate the DOM.

• They can be used to add behavior to an existing DOM element.

• They can be used to create custom attributes.

• Examples include ng-repeat, ng-show, and ng-hide.

Decorators are functions that modify classes, methods, or properties at design time.

• Decorators are used in Angular to add metadata to classes, methods, and properties.

• They are denoted by the @ symbol and placed immediately before the item being decorated.

• Examples include @Component, @Injectable, and @Input.

• Decorators can be used to provide additional functionality or configuration to Angular components.

Lazy loading is a technique used to load only the necessary resources for a specific part of a web application when it is needed.

• Lazy loading can be achieved in Angular by using the loadChildren property in the route configuration.

• This property allows you to specify a separate module that will be loaded only when the route is activated.

• Lazy loading helps improve the initial loading time of the application by loading mo

Using a shared service or event emitter to facilitate communication between non-relatable components.

• Create a shared service with methods to send and receive data between components

• Use event emitters to emit events and pass data between components

• Utilize RxJS subjects to create an observable data stream for communication

Dependency injection in Angular allows for providing dependencies to a component or service from an external source.

• Dependencies are provided at the module level using providers array in @NgModule decorator.

• Dependencies can also be injected at the component level using constructor parameters.

• Angular's injector resolves dependencies by looking up the provider token in the injector hierarchy.

• Dependency injection helps in...read more

ng-container is a structural directive in Angular used for grouping elements without adding an extra element to the DOM.

• Used to group elements together without adding an extra element to the DOM

• Does not render any extra HTML element

• Helps in organizing code and improving readability

• Useful when applying structural directives like *ngIf or *ngFor

Partial reloading in Angular can be achieved by using the Angular Router to reload only specific parts of the page without refreshing the entire page.

• Use Angular Router to navigate to the same component with different parameters to trigger a partial reload

• Use router events like NavigationStart to detect when a route change is happening and perform partial reloading accordingly

• Use Angular's ChangeDetectionStrategy.OnPus...read more