i
TCS
Filter interviews by
Data can be passed from one component to another in Angular using @Input, @Output, services, and routing.
Use @Input to pass data from parent to child component
Use @Output to emit events from child to parent component
Use services to share data between components
Use routing to pass data between components using route parameters or query parameters
Types of data binding in Angular include one-way binding, two-way binding, and event binding.
One-way binding: Data flows in one direction from the component class to the template. Example: {{ data }}
Two-way binding: Data flows in both directions between the component class and the template. Example: [(ngModel)]
Event binding: Allows you to listen for and respond to user events in the template. Example: (click)
Bootstrap provides a responsive grid system, pre-designed components, and customizable themes for faster and easier web development.
Responsive grid system allows for easy layout adjustments for different screen sizes
Pre-designed components like buttons, forms, and navigation bars save time and effort in coding
Customizable themes help in creating a consistent and visually appealing design
Bootstrap also offers JavaS...
Angular is a popular open-source web application framework developed by Google for building dynamic single-page applications.
Angular is based on TypeScript, a superset of JavaScript.
It uses a component-based architecture for building UI elements.
Angular provides features like data binding, dependency injection, and routing.
It has a powerful CLI for scaffolding and managing projects.
Angular is commonly used for bui...
What people are saying about TCS
NgViewInit() is a lifecycle hook method in Angular that is called after the component's view has been fully initialized.
NgViewInit() is used to perform tasks that require the view to be fully initialized, such as initializing data-bound properties or setting up event listeners.
It is commonly used to fetch data from a backend API and update the view accordingly.
Example: ngOnInit() { this.http.get('api/data').subscr...
Angular lifecycle hooks are methods that allow you to tap into specific points in a component's lifecycle.
ngOnChanges
ngOnInit
ngDoCheck
ngAfterContentInit
ngAfterContentChecked
ngAfterViewInit
ngAfterViewChecked
ngOnDestroy
Normal functions are defined using the function keyword, while arrow functions are defined using the => syntax.
Normal functions are hoisted, while arrow functions are not.
Arrow functions do not have their own 'this' keyword, they inherit it from the parent scope.
Arrow functions are more concise and have implicit return.
Arrow functions cannot be used as constructors.
Arrow functions are not suitable for methods with...
Angular bootstrapping process initializes the Angular application by loading the root module and compiling the component templates.
Angular application is bootstrapped by calling the 'platformBrowserDynamic().bootstrapModule()' method in the main.ts file.
The 'AppModule' is typically the root module of the Angular application.
During bootstrapping, Angular creates the component tree, compiles the component templates,...
ES6 features are modern JavaScript syntax enhancements introduced in ECMAScript 2015.
Arrow functions for concise syntax: const add = (a, b) => a + b;
Let and const for block-scoped variables: let x = 5; const y = 10;
Template literals for string interpolation: const name = 'Alice'; console.log(`Hello, ${name}!`);
Classes for object-oriented programming: class Person { constructor(name) { this.name = name; } }
Destruct...
Services are used to share data or functionality across components in Angular.
Services are singleton objects that can be injected into components.
They can be used to share data between components.
They can also be used to encapsulate and share functionality.
Examples include HTTP service for making API calls and logging service for tracking user actions.
Data can be passed from one component to another in Angular using @Input, @Output, services, and routing.
Use @Input to pass data from parent to child component
Use @Output to emit events from child to parent component
Use services to share data between components
Use routing to pass data between components using route parameters or query parameters
I appeared for an interview in Mar 2025, where I was asked the following questions.
Types of data binding in Angular include one-way binding, two-way binding, and event binding.
One-way binding: Data flows in one direction from the component class to the template. Example: {{ data }}
Two-way binding: Data flows in both directions between the component class and the template. Example: [(ngModel)]
Event binding: Allows you to listen for and respond to user events in the template. Example: (click)
Bootstrap provides a responsive grid system, pre-designed components, and customizable themes for faster and easier web development.
Responsive grid system allows for easy layout adjustments for different screen sizes
Pre-designed components like buttons, forms, and navigation bars save time and effort in coding
Customizable themes help in creating a consistent and visually appealing design
Bootstrap also offers JavaScript...
I appeared for an interview in Jul 2024.
Angular version and their differences
Angular is a popular open-source web application framework developed by Google for building dynamic single-page applications.
Angular is based on TypeScript, a superset of JavaScript.
It uses a component-based architecture for building UI elements.
Angular provides features like data binding, dependency injection, and routing.
It has a powerful CLI for scaffolding and managing projects.
Angular is commonly used for building...
I applied via Naukri.com and was interviewed in Mar 2024. There were 2 interview rounds.
I applied via Campus Placement and was interviewed in May 2023. There were 2 interview rounds.
ES6 features are modern JavaScript syntax enhancements introduced in ECMAScript 2015.
Arrow functions for concise syntax: const add = (a, b) => a + b;
Let and const for block-scoped variables: let x = 5; const y = 10;
Template literals for string interpolation: const name = 'Alice'; console.log(`Hello, ${name}!`);
Classes for object-oriented programming: class Person { constructor(name) { this.name = name; } }
Destructuring...
Normal functions are defined using the function keyword, while arrow functions are defined using the => syntax.
Normal functions are hoisted, while arrow functions are not.
Arrow functions do not have their own 'this' keyword, they inherit it from the parent scope.
Arrow functions are more concise and have implicit return.
Arrow functions cannot be used as constructors.
Arrow functions are not suitable for methods within ob...
Angular bootstrapping process initializes the Angular application by loading the root module and compiling the component templates.
Angular application is bootstrapped by calling the 'platformBrowserDynamic().bootstrapModule()' method in the main.ts file.
The 'AppModule' is typically the root module of the Angular application.
During bootstrapping, Angular creates the component tree, compiles the component templates, and ...
Angular lifecycle hooks are methods that allow you to tap into specific points in a component's lifecycle.
ngOnChanges
ngOnInit
ngDoCheck
ngAfterContentInit
ngAfterContentChecked
ngAfterViewInit
ngAfterViewChecked
ngOnDestroy
Strict operator (!) is used to check if a value is truthy or falsy. Rest operator (...) is used to collect multiple arguments into an array.
Strict operator (!) checks if a value is truthy or falsy, for example: if (!value) { // do something }
Rest operator (...) collects multiple arguments into an array, for example: function sum(...args) { return args.reduce((acc, val) => acc + val, 0); }
NgViewInit() is a lifecycle hook method in Angular that is called after the component's view has been fully initialized.
NgViewInit() is used to perform tasks that require the view to be fully initialized, such as initializing data-bound properties or setting up event listeners.
It is commonly used to fetch data from a backend API and update the view accordingly.
Example: ngOnInit() { this.http.get('api/data').subscribe(d...
I applied via Naukri.com and was interviewed in Sep 2023. There was 1 interview round.
Given Angular test to show code for promises and observables
I applied via LinkedIn and was interviewed in Feb 2023. There were 4 interview rounds.
A set of questions related to JavaScript and Angular for an Angular Developer interview.
let vs var: let is block-scoped while var is function-scoped
shallow copy vs deep copy: Shallow copy creates a new reference to the original object, while deep copy creates a new object with its own copy of all nested objects
timeout: Used to delay the execution of a function or code block for a specified amount of time
Pipes: Used for...
The duration of TCS Angular Developer interview process can vary, but typically it takes about less than 2 weeks to complete.
based on 13 interview experiences
Difficulty level
Duration
based on 49 reviews
Rating in categories
System Engineer
1.1L
salaries
| ₹1 L/yr - ₹9 L/yr |
IT Analyst
65.7k
salaries
| ₹7.7 L/yr - ₹12.6 L/yr |
AST Consultant
53.5k
salaries
| ₹12.2 L/yr - ₹21 L/yr |
Assistant System Engineer
33.2k
salaries
| ₹2.6 L/yr - ₹6.4 L/yr |
Associate Consultant
32.7k
salaries
| ₹16.2 L/yr - ₹28 L/yr |
Amazon
Wipro
Infosys
Accenture