* ngForを使用して、* ngForを使用して配列内のテンプレートを検索し、キーに基づいて要素を検索しようとしています。条件がキーと一致したら、* ngForを破りたい。条件に基づいてngForループを壊すためにangular2にオプションがあるかどうか疑問に思った。Angualr2でNgForループを中断する
5
A
答えて
3
ngFor
を中断するオプションはありません。条件が満たされた要素の後に値を戻さないカスタムパイプを使用できます。
より具体的なアプローチについては、実際に達成しようとしていることについてより具体的な情報を提供してください。
1
ngForで中断するオプションはないので、別の方法で試すこともできます。
この方法では実際にはループを壊すことはありませんが、次の要素が偽であるかどうかを特定の条件が満たされた後に表示/実行するためにスキップします。
page.html
page.ts
checkSameValue; //initialised before constructor
displayCondition(checkValue, elementValue) {
if(this.checkSameValue && this.checkSameValue == checkValue) {
return false;
}
if(checkValue == elementValue) {
this.checkSameValue = checkValue;
return true;
}
}
で
<div class="loop-div" *ngFor="let element of array">
<div class="check-div" *ngIf="displayCondition(checkValue, element.value)" > {{displayValue}} </div>
</div>
でこの特定コードは、条件が満たされた場合であっても表示するようにさらに.check-div
をエスケープ。つまり条件が満たされると、checkValue
が異なるまでループは表示されません。
関連する問題
- 1. ループを中断する
- 2. 外部メソッドでループを中断する
- 3. Arduinoでwhileループを中断する
- 4. std :: for_eachループで中断する
- 5. 私の無限ループを中断する
- 6. whileループを中断する方法は?
- 7. foreachループを中断する(WCFサーバー/クライアント)
- 8. whileループを中断するC++ '\ n'
- 9. XSLのループを中断する
- 10. pyinotify通知ループを中断する
- 11. getlineループを中断するC++
- 12. RegexMatcherループを中断する方法
- 13. whileループ内でwhileループを中断する
- 14. ngForループ
- 15. Java - ループを中断できません。
- 16. While ... Wendループの中断
- 17. foreachループPHPの中断
- 18. PrototypeJS .each()ループの中断
- 19. whileループ中のif文の中断
- 20. whileループでarray.forループを中断しますか?
- 21. 別のループ内のループを中断する
- 22. 入力空白行中にループを中断する
- 23. 中断して次のループをスキップ
- 24. foreachループ内でsetTimeout関数を中断する
- 25. 呼び出された関数でwhileループを中断する
- 26. Javaを取得できないwhileループ中断する
- 27. アクティブなスレッドでwhileループを中断する方法
- 28. 閉包(Proc、lambda)で外ループを `中断する '方法は?
- 29. gdb内で実行ループを中断する
- 30. Cでwhileループを中断する方法
私はあなたがこの[回答](http://stackoverflow.com/questions/34164413/how-to-apply-filters-to-ngfor)からインスピレーションを得ることができると思います。 –