Локальные переменные ngAfterViewInit undefined angular 6

Question

Я получаю this.objectsCount is undefined in addcomponent function Что я делаю неправильно? если я отлаживаю это имеет только «div, el, sidenav, subscription».

export class SidenavComponent implements OnInit {
subscription: Subscription;
tog: { compact: boolean, tag: string };
objectsCount: { tag: any, ctrl: Object }[];
compact: boolean;
tag: string;
@ViewChild('sidebar') div;
objects: any;
constructor(private sidenav: SidenavService, private el: ElementRef) {
}
ngOnInit() {
  this.subscription = this.sidenav.onToggle().subscribe((toggle) => {
this.tog = toggle;
if (toggle.tag) {
  let nav = this.el.nativeElement;

  //nav.attributes.
 }
});
}
addcomponent(elem) {
 this.objectsCount.push({ tag: elem.nativeElement("tag").value, ctrl: 
 elem.nativeElement });
 }
 ngAfterViewInit() {
   this.addcomponent(this.div);

  }

}

Answer 1

Вы никогда не инициализируете массив objectsCount, установите его в функции OnInit

  this.objectsCount = [];