NgFor与逗号分隔的值

Question

我有一个用户以这种格式输入字符串

string = "1,5,12,66"

我想简单地对值1 5 12 66执行ngFor而我的代码是

<div *ngFor="let number of arrString" ng-if="number!=','">
    <a class="item item-icon-right font-12">
       <b>{{number}}</b>
    </a>
</div>

我的代码显示的问题

  

1

     

5

     

1（应显示12）

     

2

     

6

     

6（应显示66）

任何帮助将不胜感激

Answer 1

您可以使用 string.Split 方法创建一个字符串数组，如下所示并循环遍历

 Mystring = '1,5,12,66';
 arrString = this.Mystring.split(',');

<强> STACKBLITZ DEMO

Answer 2

试试这段代码。

stringData = "1,5,12,66"
arrString = this.stringData.split(',');

<div *ngFor="let number of arrString">
    <a class="item item-icon-right font-12">
       <b>{{number}}</b>
    </a>
</div>