Angular *ng关于显示结果的问题

Question

我正在尝试显示来自用户的标签（例如用户写 #name 时）。 我在 html 中的代码是这样的。

<div *ngIf="tagsArr" style="display: flex;">
 <p>
  <span>Tags: </span>
 </p>
 <p *ngFor="let tag of tagsArr"> 
   <span> {{tag}}, </span>
 </p>
</div>

这是代码。 结果是这样的：

标签：#name ,#name ,#name </ p >,

（无空格）

为什么</p>,的结束标签显示在那里？

我想显示如下标签：

标签：#name, #name, #name

Answer 1

它不应该显示<p>可能是你在tagsArr有一个<p>字符串它在我的设备上工作正常

.ts

tagsArr = ['#tag1, #tag2, #tag3' ,'#tag4' ]

.html

<div *ngIf="tagsArr">
 <p>
  <span>Tags: </span>
 </p>
  <p *ngFor="let tag of tagsArr"> 
    <span> {{tag}}, </span>
  </p>
</div>