<h2 id="heading-autocomplete-with-dynamic-validation">Autocomplete with dynamic validation</h2>
<h3 id="heading-challenge">Challenge</h3>
<ul>
<li>Show "state" input if USA select as the "country" and make "state" as required. </li>
<li>Hide "state" input if the country is <strong>Not</strong> USA, make "state" not required.</li>
</ul>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1653082398834/bIUPleiVp.gif" alt="chrome-capture-2022-4-20.gif" /></p>


##  Autocomplete with dynamic validation

### Challenge 

- Show "state" input if USA select as the "country" and make "state" as required. 
- Hide "state" input if the country is **Not** USA, make "state" not required.
 

![chrome-capture-2022-4-20.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1653082398834/bIUPleiVp.gif align="left")



Think Outside the Box

Think Outside the Box

Angular Material - Autocomplete

Autocomplete with dynamic validation

Challenge