Kendo-Angular: 在kendo-上传中禁用select文件按钮

Question

我已经在我的 angular 项目中实现了 kendo 上传

component.html

    <kendo-upload
    #upload
    [autoUpload]="false"
    (select)="onSelectEvent($event)"
  (remove)="onRemoveEvent($event, upload)"
  (upload)="onUploadEvent($event)"
  [multiple]="false"
  [restrictions]="myRestrictions">
  </kendo-upload>

我想在如图所示选择文件后禁用 'Select file' 按钮，并在用户单击清除按钮或 'X' 后启用 'X'。

请帮助我提出建议，因为我是 Kendo 的新手并且找不到文档。

Answer 1

文件上传提供禁用属性。这是一个演示：

https://www.telerik.com/kendo-angular-ui/components/uploads/upload/disabled-state/

例如：

<kendo-upload [disabled]="hasFile$ | async"> </kendo-upload>

其中 hasFile$ 是：

public hasFile$ = new BehaviorSubject(false);

如果您只使用布尔值而不是可观察值，变化检测将不会检测到它

只禁用按钮而不禁用上传的其余部分：

(this.upload.fileSelectButton.nativeElement as HTMLElement).classList.add('k-state-disabled');

Kendo-Angular: 在kendo-上传中禁用select文件按钮

Kendo-Angular: Disable select file button in kendo-upload

angular

kendo-ui

kendo-upload