如何将Angular 8 i18n用于动态aria标签？

编程问答 2022-06-04

问题描述

我的应用程序在* ngFor中有一部分编辑链接，这些链接的aria标签本质上是动态的。

<a 
  i18n-attr.aria-label="Edit Card details aria label" 
  attr.aria-label="{{'Edit Card ' + (editLinkIndex+1) + ' details'}}">
    Edit
</a>

在Fr xlf文件中，我有这个。

<source>
  <x id="INTERPOLATION" 
     equiv-text="{{&apos;Edit Card &apos; + (editLinkIndex+1) + &apos; details&apos;}}"/>
</source>

<target>
  <x id="INTERPOLATION" 
     equiv-text="{{Modifier les détails de la carte + (editLinkIndex+1) }}"/>
</target>

我不确定这是否是正确的方法。有人可以指导吗？

编辑：

我通过更改锚链接来解决此问题。

<a 
  i18n-attr.aria-label="Edit Card details aria label" 
  attr.aria-label="Edit Card - {{editLinkIndex+1}} details">
    Edit
</a>

<target>
  <x id="INTERPOLATION" 
     equiv-text="Modifier les détails de la carte - {{editLinkIndex}}"/>
</target>

解决方法

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

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

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

angularangular-i18ninternationalization