web-dev-qa-db-ja.com

ngForを使用したループとn番目の要素のスキップ

Angular2に*ngForを使用して配列またはリストをループして最初の要素またはn番目の要素をスキップする方法があるかどうか疑問に思っていました

angularngfor
9
Philip John
<div *ngFor="let item of items; let i=index">
  <div *ngIf="i != n">{{i}} is not n</div>
</div>
15
Günter Zöchbauer

私は別の問題から学びました、あなたはスライスパイプでそれを行うことができます

 *ngFor="let item of items | slice:1;

ここで1はn番目の要素です

https://angular.io/api/common/SlicePipe

参照： 1からの角度開始ngForインデックス

0
Kwok-Ho Lam

次のようにループでパイプを使用できます。

html：

<ul>
  <li *ngFor="let element of object | values"> {{element}} </li>
</ul>

Pipe要素では、制御したいすべてのものを定義できます。
例：パイプコンポーネント（values.pipe.ts）：

@Pipe({ name: 'values' })
export class ValuesPipe implements PipeTransform {
  transform(value, args: string[]): any {
    let values = []
    for (let key in value) {
      values.Push(value[key])
    }
    return values
  }
}
0
Javier López