Display on basis of Condition

Hello Ramco,

You can use ngIf for dynamic conditions to show or hide the content. try the below code.

    
Child adopted

Thanks

Vishal Joshi

Hi Ramco, 

You can go with below approaches.

Using JavaScript

You can use JavaScript to check the value of ChildAdopted and conditionally display the label.

    

        Child adopted
    

Using a Templating Engine (e.g., EJS, Handlebars)

If you are using a templating engine, you can conditionally render the label directly in your template.

Example with EJS:

<% if (ChildAdopted) { %>

    
Child adopted

<% } %>

Example with Handlebars:

{{#if ChildAdopted}}

    
Child adopted

{{/if}}

Using React

If you are using React, you can conditionally render the label in your component.

import React from 'react';

const MyComponent = ({ ChildAdopted }) => (
    

        {ChildAdopted && (
            

                Child adopted
            
        )}
    
);

export default MyComponent;

Choose the method that best fits your setup and project structure.