html - L20n にサフィックスを追加

Question

L20n を使用して Web アプリケーションをローカライズしたいのですが、UI で単語の後にコロンが続くことがよくあります。例: Foo:.

次のアプローチは機能しますが、コロンが続く単語ごとに余分なタグを定義する必要があるという欠点があります。

In the .l20n-File:
    <foo "Foo">
    <fooCol "{{foo}}:">

In the .html-File:
    <p data-l10n-id="fooCol"></p>

これらの余分なタグを回避するために次のことを試みましたが、そのアプローチは機能しません。

In the.l20n-File:
    <colon "{{$var}}:">

In the .html-File:
    <p data-l10n-id="colon" data-l10n-args='{"var": "{{foo}}"}'></p>

L20n で単語にサフィックスを追加するエレガントな方法はありますか?

Answer 1

私は明らかな解決策を逃しました：

<p><span data-l10n-id="foo"></span>:</p>