使用电子邮件ID自动填充数据表

Question

我在登录应用程序后立即使用qazxsw poi angular-datatables搜索栏自动填充电子邮件ID，如下图所示qazxsw poi

我需要每次清除它才能查看结果

https://www.npmjs.com/package/angular-datatables

这是我的打字稿代码

Data Table

如何在应用程序执行时禁用该自动填充。

Answer 1

这个清除搜索框：

  <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>

这个没有保存表选项：

  @ViewChild(DataTableDirective)
  dtElement: DataTableDirective;

  dtOptions: DataTables.Settings = {};
  dtTrigger: Subject<any> = new Subject();

或者您的浏览器只是记住您的电子邮件，检查其他浏览器...