Why ng-content selector is not working inside *ngFor

Answer 1

One of the solutions is to sort your numbers array. You can use your own pipe:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'oddFirst'})
export class OddFirstPipe implements PipeTransform {

  transform(numbers: number[], args: any[]): number[] {
    const odd = numbers.filter(num => num % 2 !== 0);
    const even = numbers.filter(num => num % 2 === 0);
    return [...odd, ...even];
  }

}

Then you can use it in your template:

        

            
{{number}}
        
    
      
{{number}}