In Angular, a service is typically injected into a component's constructor through the component's _____.
- constructor
- ngInject
- ngOnChanges
- ngOnInit
In Angular, a service is typically injected into a component's constructor through the component's constructor.
In NgRx, the _____ is responsible for changing the state based on the action received.
- Dispatcher
- Effect
- Reducer
- Selector
In NgRx, the Reducer is responsible for changing the state based on the action received. A reducer defines how the state should change.
To perform side-effect-free computations synchronously, Angular provides a testing utility known as _____.
- HttpClientTestingModule
- JasmineSpy
- MockAsyncService
- TestBed
To perform side-effect-free computations synchronously in Angular, you can use the TestBed utility for creating and configuring testing modules.
How can a parent component communicate with a child component without using @Input or @Output?
- Use BehaviorSubject and Renderer2
- Use Dependency Injection and ElementRef
- Use EventEmitter and ViewChildren
- Use ViewChild and ElementRef
A parent component can communicate with a child component without @Input or @Output by using ViewChild and ElementRef to access the child's properties and methods directly.
To create a dynamic form in Angular, developers often use the ____ class to programmatically add form controls.
- FormArray
- FormControl
- FormGroup
- NgForm
To create a dynamic form in Angular, developers often use the FormArray class to programmatically add form controls. A FormArray is used when you need to manage a list of form controls.
You are building a complex form that needs to enable or disable sections of the form based on user input. Which type of form would be more suitable to implement this, and why?
- Both are equally suitable
- None of the above
- Reactive forms
- Template-driven forms
To enable or disable sections of a form based on user input, Reactive forms would be more suitable because they provide greater programmatic control and flexibility.
When using Jasmine for unit testing in Angular, what function is used to create a group of related tests?
- afterEach()
- beforeAll()
- describe()
- it()
In Jasmine, the describe() function is used to create a group of related tests, which helps organize and structure your test suite.
In Angular, when using a hot observable, what happens to the data emissions when there are no subscribers?
- Data emissions are buffered and sent to the next subscriber when they subscribe.
- Data emissions are cached and sent to the first subscriber who subscribes.
- Data emissions are lost if there are no subscribers.
- Data emissions are sent to a separate storage location for later retrieval.
When using a hot observable in Angular, data emissions are lost if there are no subscribers. They are not cached or buffered for future subscribers.
You are writing a test for an Angular component that renders a list of items. You want to test that when a new item is added, it is correctly displayed in the component. Which testing technique or utility would be best suited for this?
- End-to-End Testing with Protractor
- Integration Testing with Karma and Jasmine
- No testing needed - it's an Angular feature
- Unit Testing with TestBed
For testing component behavior in isolation, Unit Testing with TestBed is the most suitable approach. It allows you to create an isolated testing environment for the component.
What is the role of fixture in Angular component tests?
- Hold data
- Manage test configuration
- Render the component
- Simulate user interactions
The role of the fixture in Angular component tests is to render the component for testing and provide a handle for simulating user interactions.