clarity - 如何禁用作为 Clarity 数据网格一部分的复选框？

Question

我使用 Clarity 数据网格，我需要在某些情况下禁用复选框选择。我找不到这样做的 API。请帮助和感谢。

Answer 1

Clarity 中尚不支持对数据网格的特定行禁用选择，但存在一个Contributions welcome问题：https ://github.com/vmware/clarity/issues/1018

Answer 2

我有类似的要求，最终使用自定义指令实现了该行为。看看： https ://plnkr.co/edit/5fQkvG?p=preview

@Directive({
  selector: '[clrDisable]'
})
export class DisableDirective implements OnInit, OnChanges {

  @Input('clrDisable') disabled:boolean

  constructor(private elementRef:ElementRef) {

  }

  ngOnInit(){

  }

  ngOnChanges() {
    let nativeRef = this.elementRef.nativeElement;
    if(this.disabled) {
      nativeRef.classList.add("clr_disabled");
    } else {
      nativeRef.classList.remove("clr_disabled");
    }
  }


}


.clr_disabled{
  pointer-events:none;
  background-color:#ccc;
  opacity:0.5;  
}