I'm currently using a Devextreme library for my project. I am having trouble finding a way to clear all the textarea information in the component along with other inputs when clicking on the Save button.
Despite trying various methods, I have not been successful in clearing the textarea within the component.
If anyone has any suggestions or solutions, I would greatly appreciate the help!
CODE
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
Open modal
</button>
<div class="modal fade" id="myModal">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Modal Heading</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="exampleFormControlInput1">Name</label>
<input [(ngModel)]="name" type="text" class="form-control">
</div>
<div class="form-group">
<label for="exampleFormControlInput1">Email address</label>
<input [(ngModel)]="email" type="email" class="form-control">
</div>
<dx-html-editor (onValueChanged)="ment($event)">
<dxi-mention
valueExpr="text"
displayExpr="text"
[dataSource]="employees"
></dxi-mention>
</dx-html-editor>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" (click)="Save()">Save</button>
</div>
</div>
</div>
</div>