Angular Ionic @ViewChild теряет ссылку
Проблема проста
У меня есть такая ссылка
@ViewChild('myElement') myElementVar : SomeClass;
И элемент, о котором я говорю, выглядит так
<element #myElement *ngIf = "someBoolean"></element>
И когда someBoolean становится ложным, myElementVar становится неопределенным, я знаю это - это потому, что *ngIf полностью удаляет элемент из DOM, а затем теряет ссылку, потому что он больше не существует.
Я хочу знать, если возможно переназначить myElementVar на #myElement
, когда someBoolean снова станет истинным.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
С помощью ChangeDetectorRef.
В следующем примере: вы щелкаете и активируете функцию переключения, а затем функция удаляет первую строку со своей ссылкой:
<h1 #myElement *ngIf = "someBool">Hello World.</h1>
Потом, когда вы снова переключаетесь, вы повторно назначаете ссылочный элемент.
Ссылка: https://stackblitz.com/edit/angular-roh6g8?file=src%2Fapp%2Fapp.component.ts
Пожалуйста, обрати внимание, что вы также можете сделать это без ChangeDetectorRef, если вы все еще уверены, что у вас есть условие для проверки, существует ли ваша ссылка или нет, и Angular автоматически (внутренне) обработает это за вас.