首页 > 解决方案 > 有文件时删除边框

问题描述

我有图像输入的功能。当文件在该框中时,如何删除框边框?

HTML

 <div class="col-md-6">
    <div class="drop">
      <div class="cont">
      </div>
      <div  *ngIf="urls.length > 0">
          <img [src]="urls[0]"><span class="delete" style="cursor: pointer;" (click)="delete(urls[0])">X</span>
      </div>
        <input type="file" id="files" multiple (change)="detectFiles($event)" accept="image/*">
    </div>

      <div class="U" *ngFor="let url of urls" >
          <img [src]="url" style="width: 100%;"><span class="delete" style="cursor: pointer;" (click)="delete(url)"></span>
    </div>

标签: htmlangular

解决方案


你可以这样做:

<div class="drop" [style.border-width.px]="urls.length > 0 ? 0: 3">

你可以阅读 Angular 的备忘单,你会学到很多有趣的方法。


推荐阅读