basic-key.component.html

<nz-modal [nzWidth]="700" [(nzVisible)]="isKey" nzTitle="选择键值" (nzOnCancel)="handleKeyCancel()" (nzOnOk)="handleKeyOk()">
    <div nz-row>
        <div nz-col [nzSpan]="16">
            标准检测器
        </div>
        <div nz-col [nzSpan]="8">
            类型
            <nz-select name="select-error" [(ngModel)]="keyType" (ngModelChange)="findList()">
                <nz-option nzValue="1" nzLabel="Agent客户端"></nz-option>
                <nz-option nzValue="2" nzLabel="Agent客户端（主动）"></nz-option>
                <nz-option nzValue="3" nzLabel="数据库监控"></nz-option>
                <nz-option nzValue="4" nzLabel="数据库监控 JMX_agent代理程序"></nz-option>
                <nz-option nzValue="5" nzLabel="简单检查"></nz-option>
                <nz-option nzValue="6" nzLabel="SNMP tray"></nz-option>
            </nz-select>
        </div>
    </div>
    <div>
        <nz-table #nzKeyTable [nzData]="keyList">
            <thead>
            <tr>
                <th width="30%">键值</th>
                <th>内容</th>
            </tr>
            </thead>
            <tbody>
            <tr *ngFor="let data of nzKeyTable.data">
                <td (click)="setKey(data)">{{data.zabbixKey}}</td>
                <td>{{data.describes}}</td>
            </tr>
            </tbody>
        </nz-table>
    </div>
</nz-modal>