0

私が使用angular-translateし、たとえば次の翻訳があります。

'INFO_TEXT': 'My translation'

次の方法でテンプレートに含めることができます。

<li translate='INFO_TEXT'></li>
<li>{{'INFO_TEXT' | translate}}</li>

したがって、結果として次のようになります。

<li>My translation</li>

しかし、私が欲しいのは、コロンが続く翻訳です:

<li>My translation:</li>

では、どうすればこれを行うことができますか？翻訳された文字列に文字を追加するにはどうすればよいですか? 私は翻訳にコロンを追加したくありません。なぜなら、そこにあるべきではないと思うので、より柔軟になり、コロンの有無にかかわらず使用できます。

もちろん、私はsthを行うことができます。このような

<li>{{'INFO_TEXT' | translate}}:</li>

しかし、パフォーマンス上の理由から、中括弧を含むバージョンは避けたいと思います。ロード/評価されていない場合は、しばらく表示されますが{{'INFO_TEXT | translate'}}、それは良くありません。

4

2 に答える 2

0

次のようなカスタム フィルターを作成できます。

app.filter('translate', function(){
  return function(text){
      return text + ':';
  }
});

デモ

于 2014-08-27T12:02:13.107 に答える