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)

Любая помощь будет оценена

Answer 1

Попробуйте этот код.

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>

Answer 2

Вы можете использовать метод string.Split, чтобы создать массив строк следующим образом и выполнить цикл по ним

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

STACKBLITZDEMO