如何使用单击函数将字符串从HTML传递到Angular 8上的Component？

问题描述

我有此代码，它可以正常工作：

<a [routerLink]="['/menuItemOne']">
    <span [innerHTML]="(mystrings$ | async)?.menuItemOne | htmlToText"></span>
</a>

但是现在我需要在单击链接时更新页面标题。

我在组件上添加了setTitle方法：

public setTitle( newTitle: string) {
   this.titleService.setTitle( newTitle );
}

使用(click)函数，我可以更新页面标题，并且可以正常工作：

<a [routerLink]="['/menuItemOne']" (click)="setTitle('Menu Item One')">
    <span [innerHTML]="(strings$ | async)?.menuItemOneStr | htmlToText"></span>
</a>

但是我该如何传递变量menuItemOneStr而不是使用字符串'Menu Item One'？

我尝试过：

<a [routerLink]="['/menuItemOne']" (click)="setTitle((strings$ | async)?.menuItemOneStr | htmlToText)">
    <span [innerHTML]="(strings$ | async)?.menuItemOneStr | htmlToText"></span>
</a>

但是它不起作用。有什么想法吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）