javascript - 如何在innerHTML中显示动态数据

Question

我想使用 javascript 代码在 Angular 2 中创建无限滚动(使用 javascript 很奇怪，但工作正常)。我能够创建无限静态 html。但我想将来自服务的动态数据推送到这个innerHtml。以下是简单的 JavaScript 代码。

@HostListener("window:scroll", [])
onWindowScroll() {
    this.yHandler(); 
}
public yHandler() {
    this.numberincrem++;
    console.log(this.numberincrem);
    var Title = this.PostTitle;
    console.log(Title);
    var wrap = document.getElementById('wrap');
    var contentHeight = wrap.offsetHeight;
    var yOffset = window.pageYOffset;
    var y = yOffset + window.innerHeight;
    if (y >= contentHeight) {

        wrap.innerHTML += '<div class="newData">{{Title}}</div>';
    }
    var status = document.getElementById('status');
    status.innerHTML = contentHeight + " | " + y;
}

正在显示

{{Title}}

在 html 中，但在控制台中我可以看到 Title 的值。

请帮忙

Answer 1

您可以使用interpolate string .

像这样wrap.innerHTML += `<div class="newData">${Title}</div>`;