In my form, I have an input field where candidates must enter their skills. To achieve this, I implemented a chip input field. However, I encountered an issue when resetting the form - the value from the chip gets cleared, but the chip view remains. I tried using this example for MatChips, but unfortunately, none of the solutions worked for me. Below is the code snippet that illustrates the problem:
TS
@ViewChild('chipList') chipList: MatChipList;
@ViewChild('tags') tags: ElementRef;
// Additional TypeScript code here...
HTML
<div class="row">
<div class="col-md-12">
// HTML related to chip input implementation...
</div>
</div>
// More HTML code...
app.module
import { RecaptchaModule } from 'angular-google-recaptcha';
@NgModule({
imports: [
RecaptchaModule.forRoot({
siteKey: 'SITE_KEY'
})
]
})
Upon clicking the register button, this is the current scenario: https://i.sstatic.net/42QCL.png