Get the Preplance app for a seamless learning experience. Practice offline, get daily streaks, and stay ahead with real-time interview updates.
Get it on
Google Play
4.9/5 Rating on Store
Adobe · Angular
Practice Angular questions specifically asked in Adobe interviews – ideal for online test preparation, technical rounds and final HR discussions.
Questions
7
Tagged for this company + subject
Company
Adobe
View company-wise questions
Subject
Angular
Explore topic-wise practice
Go through each question and its explanation. Use this page for targeted revision just before your Adobe Angular round.
Guards are services that decide if navigation is allowed. CanActivate: enter a route. CanDeactivate: leave a route. CanLoad: load a lazy module. CanMatch: decide if a route matches. Resolve: fetch data before activation.
For complete preparation, combine this company + subject page with full company-wise practice and subject-wise practice. You can also explore other companies and topics from the links below.
The Ahead-of-Time (AOT) compiler converts Angular TypeScript and HTML templates into efficient JavaScript before the app runs in the browser. This improves performance, reduces runtime errors, and makes applications load faster compared to Just-in-Time (JIT) compilation, which happens inside the browser.
A module groups related components, directives, pipes, and services into a functional block. It’s defined using the @NgModule decorator and helps organize code for maintainability. Every Angular app has at least one root module (AppModule). Modules can be imported into others for feature segregation and lazy loading.
@NgModule({ declarations: [AppComponent], imports: [BrowserModule], bootstrap: [AppComponent] }) export class AppModule {}A module groups building blocks—components, directives, pipes, and services—into a cohesive unit. `@NgModule` declares what belongs to the module, imports other modules it needs, and can bootstrap a root component. Feature modules help split apps for organization and lazy loading.
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}Lifecycle hooks let you run logic at key times: `ngOnChanges` (on @Input changes), `ngOnInit` (once after first inputs), `ngDoCheck` (custom change detection), `ngAfterContentInit/Checked` (projected content), `ngAfterViewInit/Checked` (view/child view ready), and `ngOnDestroy` (cleanup). Typical use: fetch data in `ngOnInit`, unsubscribe in `ngOnDestroy`.
export class TestComponent implements OnInit, OnDestroy {
sub?: Subscription;
ngOnInit(){ /* start fetching */ }
ngOnDestroy(){ this.sub?.unsubscribe(); }
}A pipe transforms values for display in templates (e.g., `date`, `uppercase`, `currency`). Create a custom pipe when you need reusable, pure formatting logic, like masking, unit conversions, or localized labels. Keep pipes pure for performance; use impure only when the output depends on mutable inputs.
@Pipe({ name: 'titleCase' })
export class TitleCasePipe implements PipeTransform {
transform(v: string){ return v.replace(/\w\S*/g, s => s[0].toUpperCase() + s.slice(1).toLowerCase()); }
}Implement PipeTransform, decorate with @Pipe, and add a transform method. Default pipes are pure—Angular calls them only when input references change, which is fast. Mark a pipe impure (pure:false) only if it depends on mutable data that changes without new references; note it runs every change detection and can hurt performance.
@Pipe({ name:'search' })
export class SearchPipe implements PipeTransform {
transform(list: any[], q: string){
if(!q) return list;
const s = q.toLowerCase();
return list.filter(x => x.name.toLowerCase().includes(s));
}
}