如何从模板中获取角度为2/4的按钮的innerHTML或innerText？

Question

如何访问按钮＆lt; innerHTML＆＃39;或者＆＃39; innerText＆＃39;在angular2 / 4模板中？我是否必须创建一个函数才能将其从$事件中删除，或者我可以直接在模板中使用它？我想做这样的事情：

<button type="button" class="btn btn-primary" [ngClass]="{'bolden-text': mylist.indexOf($currentDOMElement.srcElement.innerText) > -1}">Bananas</button>

Answer 1

您可以通过#variableName声明模板变量，并在模板中访问其属性。

<button #btnTest type="button" class="btn btn-primary" [ngClass]="{'bolden-text': mylist.indexOf(btnTest.textContent) > -1}">Bananas</button>
{{ btnTest.textContent }} <!-- sample for button -->