angular2 常规 onclick 不更新模型

Question

我在运行时创建了一个 div，它的onclick绑定到组件的函数。

let div = document.createElement("div");
div.onclick = this.divClick;
document.getElementById("container").appendChild(div);

点击函数应该像这样更新模型：

divClick(event) {
    this.divContent = event.target.innerHTML;
}

但视图不会随着divContent变化而更新。 （将值记录到控制台时，它似乎已更新）

使用角度(click)它按预期工作。

<div (click)=divClick($event)>click me</div>

我相信这个问题与使用常规的onclick事件有关，但我不知道如何解决这个问题。

Answer 1

当divClick时，您需要注意this指向的位置：

使用以下之一：

div.onclick = (e) => this.divClick(e);

或者

div.onclick = this.divClick.bind(this);

Answer 2

如果您正在动态创建 div，则应将事件动态绑定到该 div。 这个答案可能对你有帮助。