Html 如何在1个div内生成*ngFor循环项，而不是每个项目周围都有一个div容器

我正在创建一个文本生成器，用于创建一台打字机（类似于）。因此，我有一个数据库和一个包含数千个单词的表。基本上，我希望能够在表中循环（x次），然后在一个单独的div中显示单词，其中包含文本。相反，对于我不想要的每个单词，都会生成一个div

 <div class="d-flex flex-wrap typewriter-text-container justify-content-center">
     <div *ngFor="let words of word" class="typewriter-text">
       <div class="form-control-plaintext" (keyup)="startTypingSession($event)">{{words.word}}</div>
     </div>
  </div>

{{words.word}}

这是我的HTML和一些打字脚本。我用的是角的

getWordsAmount(Amount: number): Observable<TextsGenerated[]>{
  return this.http.get<TextsGenerated[]>(`${this.ROOT_URL}TextGenerator/words/${Amount}`, httpHeaders);
}

getWordsAmount（金额：数字）：可观察{
返回this.http.get（`${this.ROOT_URL}TextGenerator/words/${Amount}`，httpHeaders）；
}

这是为了从表中获取所需的字数而发出的GET请求

编辑： 由于我正在尝试创建monkeytype.com之类的东西，因此我希望确保生成的所有项目都以某种方式位于输入标记内。我需要能够注册/检查用户是否正确键入生成的随机单词

结果显示：

---

据我所知，您不希望ngFor后面有“div”。你不是吗

    <div class="d-flex flex-wrap typewriter-text-container justify-content-center">
     <div *ngFor="let words of word" class="typewriter-text">
       <h1 class="form-control-plaintext" (keyup)="startTypingSession($event)">{{words.word}}</h1>
     </div>
  </div>

{{words.word}}

为此，您可以用文本字段替换div，它们还可以实现一些样式和模式

---

希望这对您有所帮助，如果没有，请道歉；）

*ngfor是角度语法，而不是angularJS。你确定你在用angularjs吗？@对不起，我指的是angularjs而不是angularjs。谢谢你告诉我。很抱歉我忘了提到这个（我会编辑我原来的问题/帖子）。由于我正在尝试创建monkeytype.com之类的东西，因此我希望确保生成的所有项目都以某种方式位于输入标记内。我需要能够注册/检查用户是否正确键入生成的随机单词。