title: How to clear input field after submitting data in angular?
body: <p>I have one <code>mat-select</code> dropdown and one <code>input</code> field. When the <code>button</code> is clicked it submits data. After data is submitted I want to clear the input field but I don't want to clear the <code>mat-select</code> dropdown. How can I do that?</p>
  
  <p>chat.component.html</p>
  
  <pre><code>&lt;div&gt;
    &lt;mat-form-field&gt;
      &lt;mat-select placeholder="Select User" [(ngModel)]="userObject.userid" 
        name="userid" required&gt;
        &lt;mat-option *ngFor="let userObj of userObj [value]="userObj.userid"&gt;
          {{userObj.username}}
        &lt;/mat-option&gt;
      &lt;/mat-select&gt;
    &lt;/mat-form-field&gt;  
  
    &lt;mat-form-field&gt;
      &lt;input matInput placeholder="Type Message" [(ngModel)]="userObject.chatmessage"&gt;
    &lt;/mat-form-field&gt;
  
    &lt;button mat-raised-button color="primary" (click)="sendMessage()"&gt;
      SEND MESSAGE&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>