angular4 ngfor w ngfor

czesc, chcialbym za pomoca dwoch ngfor stworzyc mini drzewo,
kategoria1
-subkategoria1
-subkategoria2
kategoria2
i mam teraz taki kod

 <label>Kategorie:</label>
          <div *ngFor="let category of category; let i=index">
            {{category.name}}
            {{loadSubCatID(category.id)}}
            <div *ngFor="let subcategory of subcategory; let i=index" style="margin-left: 10px">
              <input type="checkbox"  (click)="addsub(i)"> {{subcategory.name}}
            </div>
          </div>

tworzy mi sie drzewo, tylko ze z kazdym zaladowanym wynikiem {{loadsubCategory(categoy.id) wszystkie wyniki mi odswieza z ta wartoscia.
jak zrobic zeby raz wczytany wynik zostal bez zmian?

trackBy może pomóc.
ps. po co load? Raz wywołaj requesta, dostaniesz observable które możesz używać do woli
pps. takie dane powinienes załadować od razu jak będziesz miał dostep do category.id i absolutnie nie zlecać takiego ładowania w templatce