разбирать массив в html с помощью javascript и каждый раз отображать другой промежуток

Question

Как я могу сделать этот код более общим:

               <div class="xx" *ngIf="this.message.address">
                    <span class="helper" *ngIf="this.message.address">
                       {{ this.errorMessage.address[0] }} 
                    </span>
                    <span class="helper" *ngIf="this.message.address[1]">
                            {{ this.errorMessage.address[1] }} 
                         </span>
                </div>

, чтобы этот диапазон отображался несколько раз для каждого элемента массива:

          <span class="xx" *ngIf="this.message.address.forEach(x=> x">
               {{ this.errorMessage.address[x] }} 
            </span>

(кстати, моя попытка выше не работает)

Я мог бы заставить его работать только в угловом компоненте, например:

this.message.address.forEach(x=> console.log(x))

но я не уверен, как анализировать массив в html и визуализировать разные промежутки в каждом случае, что мне действительно нужно

Answer 1

То, что вы ищете, это *ngFor, который можно использовать в вашем HTML для перебора массива элементов.

<div class="xx" *ngFor="let ad of this.message.address">
  <span class="helper" *ngIf="ad">
    {{ ad }} 
  </span>
</div>