我有一个angular7
项目,还有一个table
,其中显示记录(如果存在)。每个记录都有名为key
的{{1}},其值为status
,Approved
,Rejected
。我在Pending
中有一个dropdown
,可以从中选择链接table th
并相应地记录过滤器。
这工作正常,记录正在正确过滤。但是,当我从status
中选择任何status
时,dropdown
应该会关闭,但现在不会关闭。我整个dropdown
都这样
table
这是<div class="row ml-0 mr-0" *ngIf="masterRefLinkArr.length > 0">
<div class="col-12">
<table class="table table-responsive">
<thead class="position-relative">
<th class="user-profile-th">
<label class="container-checkbox">
<input type="checkbox" class="site-checkbox" [(ngModel)]="allRowsSelected" [class.selected]="allRowsSelected" (click)="onCheckmarkClick()">
<span class="checkmark-checkbox"></span>
</label>
</th>
<th class="user-profile-th" (click)="sort('referral_link')">
<span class="Cpointer">Company</span>
<img class="tbl-hdr-icon Cpointer" src="./assets/img/open.png">
</th>
<th class="user-profile-th link-code"><b>Link/Code</b></th>
<th class="user-profile-th">
<span class="Cpointer">Clicks</span>
<img class="tbl-hdr-icon Cpointer" src="./assets/img/open.png">
</th>
<th class="user-profile-th" id="status" (click)="onStatusClick()" (clickOutside)="onClickedOutside($event)">
<span class="Cpointer status-label">Status</span>
<img class="tbl-hdr-icon" src="./assets/img/filter.png">
<ul class="status-table-ul">
<li class="status-table-li" [ngClass]="{'selected': selectedIndex === i, 'all' : filterOpt.label === 'All'}" *ngFor="let filterOpt of referralFilterOptions;let i = index">
<label class="container" (click)="onFilterSelect(i,filterOpt.label)">{{filterOpt.label}}
<input type="radio" [(ngModel)]="selectedFilterOption" name="radio" [value]="filterOpt.label">
<span class="checkmark"></span>
</label>
</li>
</ul>
</th>
</thead>
<tbody *ngIf="refLinkArr.length > 0">
<tr *ngFor="let row of refLinkArr; let i=index">
<td>
<label class="container-checkbox">
<input type="checkbox" class="site-checkbox" [(ngModel)]="row.isSelected" [class.selected]="row.isSelected">
<span class="checkmark-checkbox"></span>
</label>
</td>
<!-- <td><i class="material-icons cursor-pointer" matTooltip="Delete" style="color:red;font-size: 18px;" (click)="delete(row)">delete</i></td> -->
<td>{{row.companyId?.name}}</td>
<td class="refrl">{{row.isLink === 1? row.referral_link : row.referral_code}}</td>
<td>{{row.number_of_clicks}}</td>
<td>
<div [class.rejected]="row.link_status === 'Rejected'" [class.pending]="row.link_status === 'Pending'" [class.approved]="row.link_status === 'Approved'" class="tag-cstm">
{{row.link_status}}
</div>
</td>
</tr>
</tbody>
</table>
<p *ngIf="refLinkArr.length === 0" class="referral-not-found-text">Not found</p>
</div>
中的jquery,用于处理.ts中下拉列表的显示和隐藏
ngAfterViewInit
现在,我感到困惑的是,当我从下拉菜单中选择任何选项时,为什么下拉菜单没有关闭。