Ionic5 拆分字符串

Question

Hello i want to split a string i get from a db row. The string is tags i use. I import them in db row as a text

eg the string is (#Hello, #hi, #hellothere )

and i want to split the tags like this to use each word as a button

<ion-row class="item-tags" *ngIf="item.tags?.length>0">
   <ion-col class="tag-wrapper">
      <span class="item-tag">
         <ion-note>{{item.tags}}</ion-note>
      </span>
   </ion-col>
 </ion-row>

.ts function

 export class UserPage implements OnInit {
     usersFlows:any =[];
       tagsArray: any;

    constructor(){}




usersFlowsSet() {//
this.offset = 0; 
this.userData.usersFlow().pipe(
  map((data:any) => {
    if (data.success) {
      this.usersFlows = data.userFlows;
      this.tagsArray = this.usersFlows.tags.replace(/#/g,'').split(', ')
    }
   })
 ).subscribe()
}

Any help?

Answer 1

and i want to split the tags like this to use each word as a button

Since you want to do this, why don't you split the tags inside your controller file.

.split function will not work in your html template.

this.tagsArray = this.item.tags.replace(/#/g,'').split(', ')

Then inside your template

<span class="item-tag" *ngFor="let tag of tagsArray">
   <ion-button>{{tag}}</ion-button>
</span>