How can I break from an *ngFor loop in Angular 4?

Question

How can I break from an *ngFor loop in Angular 4?

I just want this loop to break after it executes once.

  <div *ngFor="let thing of things">
    <div *ngIf="thing == otherThing">
      <h4>Sub Title</h4>
      ***BREAK HERE***
    </div>
  </div>

Answer 1

You can't break *ngFor.

But you can build a custom pipe to filter the data.

But as Jus10's said, the better way is to do it in ts-file.