Я в основном новичок в angular из c# бэкэнда. Мне трудно понять, почему мой * ngfor не отображается. Я уверен, что это как-то связано с тем, как все вложено, но это немного выше моей способности выяснить.
Я собираюсь опубликовать то, что я считаю нужным кодом, но, безусловно, опубликую больше, если нужно .
У меня есть вложенная директива, и значения, кажется, передаются просто отлично, но шаблон HTML не генерирует ничего, кроме <!--container-->.
Parent html template
<div>
<ul app-submenu></ul>
</div>
Шаблон подменю
asdsdf
{{items.length}}
<ul>
<li *ngFor="let item of items; let i = index"></li>
</ul>
<ng-template ngFor let-child let-i="index" [ngForOf]="(root ? item : item.items)">...</ng-template>
Компонент подменю
@Component({
selector: '[app-submenu]',
templateUrl: './app.sub-menu.component.html'
})
export class AppSubMenuComponent {
items: MenuItem[]; //ngPrime menu component
constructor(public app: AppMainComponent, public appMenu: AppMenuComponent) {}
ngOnInit(){
this.items = this.appMenu.model; //Breakpoint shows this is valid with expected values
this.app; //Breakpoint shows this is valid with expected values
}
В браузере я ничего не вижу в своем списке, а в инструментах разработчика я вижу это. 4 - правильная длина для массива, который должен быть зациклен.
<ul app-submenu>
asdsdf 4
<ul class="ng-tns-c171-2">
<!--container-->
</ul>
<!--container-->
</ul>
Чего мне не хватает?
TIA