角度插值语法重用

Question

我有一个模板字符串，用于评估Observable：

<button [title]="filterButtonText">
      {{ selectedUsers$ | async | delimiter:"|"}}
</button>

分隔符管道将字符串转换为＆＃34; User1 | User2＆＃34;等等 我想在title属性中使用相同的值，如：

<button [title]="{{ selectedUsers$ | async | delimiter:"|"}}">
      {{ selectedUsers$ | async | delimiter:"|"}}
</button>

但这似乎不起作用。我想重用输出     title属性中的{{ selectedUsers$ | async | delimiter:"|"}}。我该怎么做？或者有没有更好的方法来实现这一点，而无需重新评估可观察量？

编辑

<button [title]="selectedUsers$ | async | delimiter:'|'">
  {{ selectedUsers$ | async | delimiter:"|"}}
</button>

删除{{}}有效。但另一个问题是，有没有办法在一个地方评估这个？在两个地方没有相同的陈述？

Answer 1

您可以借助模板参考变量重复使用按钮的标题来设置其内容：

<button #btn [title]="selectedUsers$ | async | delimiter:'|'">
  {{ btn.title }}
</button>