angular - 带有逗号分隔值的 NgFor

Question

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

string = "1,5,12,66"

我想简单地对值做一个 ngFor 1 5 12 66，我的代码是

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

任何帮助，将不胜感激

标签： angulartypescriptngfor

Answer 1

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

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

堆栈闪电战演示