Value returning Null but state is correct

Value returning Null but state is correct

I am having a bit of confusion here. I have a parent component that is subscribing and getting data (I am using redux dev tool and I am monitoring it and it is updating the state when needed). In component A I am doing:

I am having a bit of confusion here. I have a parent component that is subscribing and getting data (I am using redux dev tool and I am monitoring it and it is updating the state when needed). In component A I am doing:

public FDC$ = this.store.pipe(select(fromRoot.getFDC));

Next in the template for the parent component I am sending FDC$ to a child component like so:

  <app-order-list [fdc]= "(FDC$ | async)"></app-order-list>

In the child component I have fdc as an input.

When I try to console.log the fdc it returns null but in the redux dev tools it is showing the correct state. It seems as if the data is not being sent from parent to child.

angular typescript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Install Angular - Angular Environment Setup Process

Install Angular in easy step by step process. Firstly Install Node.js & npm, then Install Angular CLI, Create workspace and Deploy your App.

Basics of Angular: Part-1

What is Angular? What it does? How we implement it in a project? So, here are some basics of angular to let you learn more about angular. Angular is a Typesc

Angular 8 Updates And Summary of New Features

Angular 8 Updates And Summary of New Features. Differential loading, web workers, Dynamic imports for lazy routes, CLI workflow improvements. Ivy and bazel.

TypeScript, Angular, Firebase & Angular Material Master class Tutorial

As the course progresses, you'll get familiar with: TypeScript, Angular Application Architecture, and Angular CLI. Angular Modules and Angular Components. Angular's Component LifeCycle Hooks....

Angular Tutorial: Create a CRUD App with Angular CLI and TypeScript

Angular Tutorial: Create a CRUD App with Angular CLI and TypeScript. This tutorial gets you off the ground with Angular. We are going to use the official CLI (command line) tool to generate boilerplate code.