剑道角:禁用kendo上传中的选择文件按钮

Question

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

component.html

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

​

​

我想禁用‘选择文件’按钮，一旦该文件被选择为图片和启用一旦用户单击清除按钮或'X‘。

请帮助我，你的建议，因为我是新来的剑道，并没有找到文件。

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');