Home / Companies / Daily / Blog / Post Details
Content Deep Dive

Manage Daily video call state in Angular (Part 2)

Blog post from Daily

Post Details
Company
Date Published
Author
Jess Mitchell
Word Count
2,461
Language
English
Hacker News Points
-
Summary

The `app-daily-container` component is the parent component for the video call feature in this Angular app. It includes the `join-form` and `app-call` components, which are rendered conditionally based on whether a Daily room URL has been set. The `app-daily-container` shares form input values with the child components using output properties, while also managing the state of the video call by tracking participant information in its `participants` object. When a remote participant joins or leaves the call, the `app-call` component updates its internal state and emits events to notify the parent container. The app also handles case where local participant leaves, resetting the UI by unmounting the `app-call` component and emitting `callEnded()` event.