У меня есть компонент приложения (где находится мое меню и моя кнопка), и у меня есть домашний компонент (в котором я хочу что-то изменить в зависимости от того, отображается меню или нет).
У меня логическое значение это в основном состояние меню true, для которого оно отображается, и false, если оно скрыто.
Что я вижу в консоли:
Когда я сначала пытаюсь прочитать значения с помощью @Input, он возвращает истину или ложь (как и должно быть), и сразу после этого значение изменяется на неопределенное. Я попробовал это с помощью команды ngDoCheck.
Вот мой код:
home.component.ts
@Input() state: any; // tried boolean too, but kept any just in case
ngDoCheck(): void {
console.log(this.state)
}
app.component. html
<div class="icon">
<img
[@arrow]="menuState"
(click)="menuToggle()"
class="icon-img"
src="../../assets/icons/arrow.svg"
alt=""
/>
</div>
</div>
<app-home [state]="isMenuShown" [message]="message"></app-home>
Кроме того, я попытался передать случайное сообщение, просто чтобы узнать, относится ли это к логическим значениям, то же самое происходит ...