将元素传递给Angular中的函数

Question

我想有条件地将title属性应用于一个元素，我试图这样做：

<div class="option-title" [attr.title]="isTitleTruncated() ? option.title : null">
  {{option.title}}
</div>

但是我想将元素引用传递给我在条件上使用的函数，但是无法这样做。我尝试使用this，这给了我组件实例，但是我想要真正的div本身。这可能吗？

Answer 1

尝试使用模板引用变量，例如：

<div ... #divRef [attr.title]="isTitleTruncated(divRef) ? option.title : null">

Answer 2

您应该在类似#myDiv的elmenent上创建模板引用变量，然后将其传递给函数。

<div class="option-title" #myDiv [attr.title]="isTitleTruncated(myDiv) ? option.title : null">
  {{option.title}}
</div>