私は文字列の配列を持っていると私はここにngForと行のうちの2つずつを配置する角度

Question

ngFor行の2つの要素を反復することは、私が試したものですpervios要素を複製し、私は本当にそれが

Answer 1

あなただけの偶数を探すことによって、他のすべてのインデックスをスキップすることができます* ngIfために（0を、最初のインデックスが偶数）、次を持つアイテムがすぐにスキップされた（奇数）項目であることを表示：

<div class='row wow fadeInUp' *ngFor='let index of myArray; let i = index; let even = even'> 
     <span *ngIf="even"> 
     <div class='col-md-6' > 
      <md-card> 
       <md-card-header> 
        <md-card-title> 
        {{myArray[i]}} 
        </md-card-title> 
       </md-card-header> 
       </md-card> 
     </div> 
     <div class='col-md-6'> 
      <md-card> 
       <md-card-header> 
        <md-card-title> 
        {{myArray[i+1]}} 
        </md-card-title> 
       </md-card-header> 
       </md-card> 
     </div> 
     </span> 
    </div> 

DEMO EXAMPLE

Answer 2

ngForがoddと条件付きでいくつかの項目を表示する（ngIfを使用して）するために使用することができeven公開しngForと各行の2つの要素を追加することができますどのように理由ですunderestantません。

<ul> 
    <li *ngFor="let item of array; let even = even"> 
    <ng-container *ngIf="even">{{ item }}</ng-container> 
    </li> 
</ul> 

つまり、テンプレートではなくコードでこれを行うほうがよいでしょう。それはより明確で、テスト可能で、より敏感です。

evenItems = array.filter((_, index) => index % 2 == 0) 

次にループしてください。

<ul> 
    <li *ngFor="let item of eventItems"> 
    {{ item }} 
    </li> 
</ul>