Angular * ngFor проблемы с отображением результата

#html #angular #typescript #angular-material #tags

#HTML #angular #typescript #angular-материал #Теги

Вопрос:

я пытаюсь показать теги от пользователя (пример, когда пользователь пишет #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 >,

(без пробела)

Почему там отображается конечный тег of </p>, ?

Я хочу отобразить теги, такие как:

Теги: #name, #name, #name

Комментарии:

1. если вы видите <p>, , я полагаю, у вас есть <p> строка в tagsArr

Ответ №1:

это не должно отображаться <p> , может быть, у вас есть <p> строка tagsArr , которая отлично работает на моем устройстве

.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>