In my project, I have a customized Shared Component which consists of an input search bar with a "continue" button. This Shared Component is being utilized within two other components - the buy component and sell component. The challenge I am encountering is how to hide the "continue" button specifically in the buy component while displaying it in the sell component. To address this issue, I implemented an @Input property known as continueButtonCheck within the buy component. Although this successfully conceals the button within the buy module's component, it also unintentionally hides it in the sell component. My goal is to apply the same continueButtonCheck functionality to the sell component as well.
The structure of the shared component is as follows:
(shared) search-bar-component.html file:
<input />
<button *ngIf="continueButtonCheck">continue</button>This particular setup is used across both the buy and sell components.
For reference, you can view a demonstration here:
https://stackblitz.com/edit/angular-ivy-jaqbnn?file=src%2Fapp%2Fbuy%2Fbuy.component.ts
The main issue I am currently grappling with is figuring out how to access the "continueButtonCheck" property within my sell component.