在不打开输入的情况下执行功能

Question

我开发了一种输入，可以选择多个文件。在这些选定的文件中，我显示名称和类型。

在单击时的名称和类型类别中，我认为将执行功能，但是，每当单击此处时，输入始终处于打开状态。

当我单击标签以执行function（）函数时，如何防止打开输入。

有人可以帮助我吗？

DEMO

HTML

<ngx-dropzone (change)="onSelect($event)">
    <ngx-dropzone-preview *ngFor="let f of files" [removable]="true" (removed)="onRemove(f)">
        <ngx-dropzone-label (click)="function()">({{ f.type }})
      </ngx-dropzone-label>
        <ngx-dropzone-label (click)="function()">{{ f.name }} </ngx-dropzone-label>
    </ngx-dropzone-preview>
</ngx-dropzone>

Answer 1

停止事件冒泡应该可以解决问题。

$event.stopPropagation()

请参阅修改后的示例here ->