angular - 传入元素以在 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">