mehrere ngFor funktioniert nicht 4 eckig

Ich versuche zu füllen aufgeteilte Ergebnisse mit ngFor

 <div *ngFor="let item of states; let i = index">
                    <ul>
                        <li ngFor="let state of item">{{item}}</li>
                    </ul>
                </div>

Wenn ich füllen Element, ich bin immer dies

Die aufgeteilte Ergebnisse werden in eine Zeichenfolge konvertiert

Wenn ich versuche das Auffüllen der Staat

<div *ngFor="let item of states; let i = index">
                    <ul>
                        <li ngFor="let state of item">{{state}}</li>
                    </ul>
                </div>

Erhalte ich eine leere Ausgabe.

Wenn * vor der zweiten ngFor

 <div *ngFor="let item of states; let i = index">
                    <ul>
                        <li *ngFor="let state of item">{{state}}</li>
                    </ul>
                </div>

Bekomme ich Fehler wie folgt

Wie kann ich chunk, und füllen Sie die Werte?

Bearbeiten-1 & 2

Hier sind meine Daten, die übergeben wird, ngFor (edit 2 als erweitertes Objekt)

Edit 3
Hier ist meine html-Ausgabe. Die Daten zum Auffüllen der Zeichenfolge, wenn ich

<div class="split-by-4">
                <div *ngFor="let item of states; let i = index">
                    <ul>
                        <li ngFor="let state of item[i]">{{item}}</li>
                    </ul>
                </div>
            </div>

Arbeiten Antwort (eigentlich mein Fehler)

{
$("#cities-with-state-modal").modal('open');

    this.chunkStates();
}
chunkStates(){
    this.states = _.cloneDeep(this.backup.states); //this.states is loading and its giving as string before the data got chunked.
    let chunkSize = _.toInteger(this.states.length/4);
    this.statesChunk = _.chunk(this.states, chunkSize);
  }

html

<div class="split-by-4" *ngIf="statesChunk && statesChunk.length">
                <div *ngFor="let item of statesChunk; let i = index">
                    <ul>
                        <li *ngFor="let state of item">{{state.name}}</li>
                    </ul>
                </div>
            </div>