нг, если с оператором модуля в угловых 6

Question

используя ng-For и ng-If, я пытаюсь отобразить объект массива, чтобы он выглядел следующим образом код восстановления , и это то, что я делаю введите описание изображения здесь, это то, что я пытаюсь до сих пор,

<div class="recovery-code" *ngFor="let x of recoveryCode?.recoveryCodes; let i = index;">
            <b>{{ x }}</b>
            <br *ngIf="i%5 === 0">
</div>

У меня также была проблема, чтобы сделать пробел между массивами, попытался array.join(", ");, но не сработало, нужно посоветовать, как мне решить мою проблему,

Answer 1

Ваш *ngFor находится не на том пункте. Он повторяет div вместо содержимого. Попробуйте этот код ниже, он будет работать намного лучше. Это также соответствует коду восстановления, который вы ищете.

ng-container очень помогает в решении такого рода проблем, потому что он разработан, чтобы не оставлять следов DOM позади себя. Смотри https://angular.io/guide/structural-directives#ng-container-to-the-rescue

<div class="recovery-code">
    <ng-container *ngFor="let x of recoveryCode?.recoveryCodes; let i = index;">
        <br *ngIf="i > 0 && i%5 === 0" />
        <b>{{ x }}</b>&nbsp;
    </ng-container>
</div>

Должен вывести что-то похожее на это:

11111 22222 33333 44444 55555
11111 22222 33333 44444 55555
11111 22222 33333 44444 55555