angular - 带有模态Angular 8的ngx-datatable
问题描述
我正在使用ngx-tadatable,当我单击第一行(它只是列索引)时,它会打开模态,就好像我在单击带有数据的漂亮模态一样。有谁知道我可以如何停止这种模式,使其仅根据数据打开。因为这种模式只有在我点击一条数据线来获取它时才会打开它遵循代码。
宏区.modal.html
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-header">
<h5>{{ title }}</h5>
</div>
<div class="card-body custom-datatable">
<ngx-datatable class="bootstrap pointer" [rows]="macroarea" [loadingIndicator]="loadingIndicator"
[columns]="columns" [columnMode]="'force'" [headerHeight]="40"
[summaryPosition]="'bottom'" [footerHeight]="40" [rowHeight]="'auto'"
[reorderable]="reorderable" [limit]="10" (click)="open(mymodal, $event)"
(activate)="onLoadMacroaresDatas($event)">
</ngx-datatable>
</div>
</div>
</div>
</div>
文件macroarea.component.ts
open(content, event) {
this.modalService.open(content, this.modalOptions).result.then((result) => {
this.closeResult = `Closed with: ${result}`;
this.macroName = null;
this.modalReference = result;
}, (reason) => {
this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
});
}
解决方案
我认为你想要的是一个单一的选择。看看这个:
http://swimlane.github.io/ngx-datatable/#single-selection
并使用选择事件而不是点击事件(因为点击是在整个表级别)。