如何在TypeScript中按文本框替换单词？

Question

我有一个字符串：

How are __ doing today ?. I'm doing __.

我想用文本框替换每个__。所以目的是'__'表示填写问题中的空白。

Answer 1

如果要使用Angular模板，可以将字符串拆分为数组，如下所示：

sentence = "How are __ doing today ?. I'm doing __.";
parts = this.sentence.split("__");

然后，在模板中，遍历各个部分，并为除最后一个之外的所有部分添加输入：

<span *ngFor="let part of parts; let last = last">
  {{part}}
  <input type="text" *ngIf="!last"/>  
</span>

这是一个显示工作的StackBlitz：https://stackblitz.com/edit/angular-eau2id?file=app%2Fapp.component.html