Question

我有一个与html和angular5有关的问题。

<span [innerHTML]="'client.acceptance.explanation'| translate"></span>
<span><b>{{data}}</b></span>

此处的“ client.acceptance.explanation”文本位于json文件中，并且数据将被提取并附加到文本中。例如，如果我的文字是：尊敬的{{data}}，请确认您已准备好进行审核。现在，我想在文本中间获取数据。因此，一半文本在{{data}}之前，一半文本在其之后。那么我如何在html5中指定呢？

Answer 1

您可以使用管道将过程分为2个步骤：
1.翻译来自json文件的文本
2.将翻译后的数据作为格式管道的输入，以生成最终文本。

查看以下代码：
HTML：

PIPE：

@Pipe({
  name: 'formatData'
})
export class FormatDataPipe implements PipeTransform {

  transform(input: string) {
    return `Dear ${{ input }}, Please confirm your are ready to review`;
  }
}

HTML5：{{data}}将放置在来自json文件的文本中间

1 个答案: