Więc z reguły możesz wybrać:

• { static: true } musi być ustawiony, gdy chcesz uzyskać dostęp do ViewChild w ngOnInit.

• { static: false } dostępne tylko w ngAfterViewInit. To jest również to, co chcesz zrobić, gdy masz dyrektywę strukturalną (tj. *ngIf) na swoim elemencie w szablonie.

From the angular docs

Static - czy rozwiązywać wyniki zapytań przed uruchomieniem wykrywania zmian (tzn. zwracać tylko wyniki statyczne). Jeśli ta opcja nie jest dostępna, kompilator powróci do domyślnego zachowania, które polega na użyciu wyników zapytań do określenia czasu rozwiązywania zapytań. Jeśli jakiekolwiek wyniki zapytania znajdują się wewnątrz zagnieżdżonego widoku (np. *ngIf), zapytanie zostanie rozwiązane po uruchomieniu wykrywania zmian. W przeciwnym razie zostanie rozwiązany przed przebiegi wykrywania zmian.

Lepszym pomysłem może być użycie static:true, jeśli dziecko nie zależy od żadnych warunków. Jeśli zmienia się widoczność elementu, to static:false może dać lepsze wyniki.

PS: ponieważ jest to nowa funkcja, być może będziemy musieli uruchomić benchmarki dla wydajności.

Edytuj

Jak wspomniał @Massimiliano Sartoretto, github commit może dać ci więcej wglądu.

Przyszedł tutaj, ponieważ ViewChild był null w ngOnInit po aktualizacji do Angular 8.

Zapytania statyczne są wypełniane przed ngOnInit, podczas gdy zapytania dynamiczne (static: false) są wypełniane po. Innymi słowy, jeśli viewchild jest teraz null w ngOnInit po ustawieniu static: false, należy rozważyć zmianę na static: true lub przenieść kod do ngAfterViewInit.

Zobacz https://github.com/angular/angular/blob/master/packages/core/src/view/view.ts#L332-L336

Inne odpowiedzi są poprawne i wyjaśniają, dlaczego tak jest: zapytania zależne od dyrektyw strukturalnych, np. odniesienie do ViewChild wewnątrz ngif, powinny być uruchamiane po rozwiązaniu warunku tej dyrektywy, tj. po wykryciu zmian. Można jednak bezpiecznie używać static: true i w ten sposób rozwiązywać zapytania przed ngOnInit dla niezatwierdzonych odniesień. Imho ten konkretny przypadek nosi wzmiankę jako wyjątek null może być prawdopodobnie pierwszym sposobem na napotkanie tej specyfiki, jak to było dla ja.

View child @angular 5+ token dwa argumenty ('local reference name', static: false|true)

@ViewChild('nameInput', { static: false }) nameInputRef: ElementRef;

Aby poznać różnicę między prawdą a fałszem sprawdź to

Static-czy rozwiązywać wyniki zapytań przed uruchomieniem wykrywania zmian (tzn. zwracać tylko wyniki statyczne). Jeśli ta opcja nie jest dostępna, kompilator powróci do domyślnego zachowania, które polega na użyciu wyników zapytań do określenia czasu rozwiązywania zapytań. Jeśli jakieś wyniki zapytania znajdują się wewnątrz * ngIf), zapytanie zostanie rozwiązane po uruchomieniu wykrywania zmian. W przeciwnym razie zostanie ona rozwiązana przed uruchomieniem wykrywania zmian.

W ng8 można ręcznie ustawić, kiedy ma być dostęp do komponentu podrzędnego w komponencie nadrzędnym. Gdy ustawisz wartość static na true, oznacza to, że komponent macierzysty otrzymuje definicję tylko w hooku onInit: Eg:

 // You got a childComponent which has a ngIf/for tag
ngOnInit(){
  console.log(this.childComponent);
}

ngAfterViewInit(){
  console.log(this.childComponent);
}

Jeśli wartość static jest false , wtedy defination zostanie odebrane tylko w ngaftervievinit (), w ngOnInit () otrzymasz undefined.

Zobacz dziecko

... Można go użyć do odniesienia do elementu szablonu.

...Na Zewnątrz konkretnego Odniesienia komponentu.

Ze składnią stylu dekoratora.. @ViewChild( selector) reference : ElementRef || QueryList.

Określonego elementu lub elementu odniesienia.

Użyj go w AfterViewInIt().

Ale to dla konkretnego zastosowania ngAfterViewInit().

Na koniec {static : false} należy umieścić w @ViewChild( Useme , { static : false})... dla odniesienia do zmiennej szablonu.

Zmienna w pliku szablonu wygląda tak. #Useme.

W przypadku kątowej 8 i wyższej, musisz wybrać poniższe rozwiązanie.

@ViewChild ('txtname', {static: false}) txtName: ElementRef;

Ważne rzeczy muszą zrozumieć przed wdrożeniem

{ static: true } needs to be set when you want to access the ViewChild in ngOnInit.
    
{ static: false } can only be accessed in ngAfterViewInit. This is also what you want to go for when you have a structural directive (i.e. *ngIf) on your element in your template.