小编Fer*_*gas的帖子

我正在尝试从我的JavaScript代码中的函数返回HTML字符串,但在控制台上我得到错误"未捕获的语法错误:无效或意外的令牌",其中包含以下代码

function formatPrize (prize) {
    return (
     /*Unexpected token here*/ '<div class = "wrapper">
            <div class = "card radius shadowDepth1">
                <div class ="card__image border-tlr-radius">
                    <img src = "admin/"'+prize.sponsorLogo+'"> alt = "image" class = "border-tlr-radius">
                </div>

                <div class = "card_content card_padding">
                    <div class = "card_meta">
                        <h3>"'+prize.name+'"</h3>
                    </div>

                    <article class = "card__article">
                        Test message
                    </article>
                </div>
            </div>
        </div>'
    );
}

我基本上替换了之前和之前工作过的其他一些代码:

"<tr>" +
    "<td>" + prize.name + "</td>" +
    "<td>$" + prize.value + "</td>" +
    "<td>" + prize.description + "</td>" +
"</tr>" …

问题是我有一个文件输入字段，一次只能获取一个文件，我需要像这样。

如果我尝试上传一个文件，一切都很好。但是，如果我需要上传更多文件，除非重新加载页面，否则好像没有调用“更改”处理程序方法，这不是任何人想要的。

HTML看起来像这样：

<div class="col-xs-7">
    <button
      class="btn btn-primary"
      [disabled]="isLoadingModal"
      (click)="activityFileInput.click()">
    archivo</button> {{ newActivity.fileName }}
    <input
      type="file"
      id="activity-file-input"
      [disabled]="isLoadingModal"
      (change)="selectFile(activityFileInput.files[0])"
      #activityFileInput
      hidden>
  </div>

该组件中的功能是：

selectFile(file: File): void {
    console.log('Hello');

    if(file == undefined)
      return;

    this.newActivity.fileName = file.name;
    this.newActivity.file = file;
}

在第一个文件上载时，显示“ Hello”，没有问题。但是该方法似乎没有被多次调用。如何解决呢？