After logging into the application, I am using the angular-datatables package from https://www.npmjs.com/package/angular-datatables. The search bar in the datatable auto fills with the email id upon login as shown in the image Data Table.
However, I need to clear it every time in order to view the result.
<table class="table table-hover table-striped" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Role</th>
<th>Cloud Accounts</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let ca of usersLists; let i = index">
<td>{{ca.name}}</td>
<td>{{ca.emailId}}</td>
<td><span class="badge badge-pill badge-primary">{{ca.roleType}}</span></td>
<td><span class="badge badge-pill badge-primary" (click)="show(ca)">{{ca.linkedCloundAccounts}}</span></td>
<td>
<ng-container *ngIf=" isActionEnabled ">
<a (click)="editUserAccount(ca)" data-toggle="modal" dat Add Usera-target="#edit-user" class="btn btn-info btn-fill btn-xs" title="Edit User"><i class="fa fa-edit"></i></a>
<a (click)="deleteUserAccount(ca,i)" data-toggle="modal" class="btn btn-danger btn-fill btn-xs" title="Delete User"><i class="fa fa-trash-o"></i></a>
</ng-container>
</td>
</tr>
</tbody>
</table>
This is my TypeScript code snippet:
@ViewChild(DataTableDirective)
dtElement: DataTableDirective;
dtOptions: DataTables.Settings = {};
dtTrigger: Subject<any> = new Subject();
I would like to know how to disable this autofill feature when the application runs.