angular - 从 div 获取文本并传递给函数

Question

我正在尝试使用 angular2 在函数中传递 div 文本

我的模板中有这个

<div (click)="logThis(this.text)">test</div>

并在组件中

logThis(x: any){
        console.log(x);
}

如果我放一些文字而不是 this.text它记录没有任何问题

我也试过 this.value 但它记录未定义

其他我尝试添加 <div #test (click)="logThis(test.text)">test</div>但同样的结果

Answer 1

您不能使用 this在组件的模板中。虽然你的模板变量方法是正确的，但我认为没有 text属性(property):

<div (click)="logThis(div.innerText)" #div>test</div>
<div (click)="logThis(div.textContent)" #div>test</div>