Angular PrimeNG 10 显示，而不是切换，可扩展的表格行答案

【问题标题】：Angular PrimeNG 10 show, not toggle, expandable table rowAngular PrimeNG 10 显示，而不是切换，可扩展的表格行
【发布时间】：2020-11-24 19:16:01
【问题描述】：

我知道如何使用 pRowToggler 指令在 PrimeNG 中切换可扩展表格行。效果很好。

现在我需要向表格行添加一个按钮，仅打开该行，而不是切换它。换句话说，只有一种方式：单击它以打开该行。当行打开时点击它，什么都不会发生。

我找不到打开行的方法，只有toggleRow 方法。这甚至可能吗？

这里有指令，来自他们的 github：

@Directive({
    selector: '[pRowToggler]'
})
export class RowToggler {

    @Input('pRowToggler') data: any;

    @Input() pRowTogglerDisabled: boolean;

    constructor(public dt: Table) { }

    @HostListener('click', ['$event'])
    onClick(event: Event) {
        if (this.isEnabled()) {
            this.dt.toggleRow(this.data, event);
            event.preventDefault();
        }
    }

    isEnabled() {
        return this.pRowTogglerDisabled !== true;
    }
}

【问题讨论】：

标签： javascript angular primeng angular-directive

【解决方案1】：

不确定这是否是最好的方法，但我最终只是在行展开时禁用了 pRowToggler：

    <div
        [pRowToggler]="rowData"
        [pRowTogglerDisabled]="expanded"
        [ngClass]=" !expanded ? 'fake-link' : ''"
    >
    Open Me
    </div>

【讨论】：