如何访问位于子组件内的 Web 组件

Answer 1

您可以在子组件中创建一个

@Output

，然后将状态发送给父组件。然后你可以发出六抽屉组件中

open

属性的状态。

子组件。

@Output() openEvent = new EventEmitter<boolean>();

openNotificaiton(value: boolean) {
  this.openEvent.emit(value);
}

父组件。

notifyOpen(value: boolean) {
  console.log(value);
}

父模板

<six-drawer label="Notificaciones" class="notifications" openEvent="notifyOpen($event)">
 <mur-notification-dialog (newEmision)="listenNewEmision($event)"></mur-notification-dialog>
 <six-button slot="footer" class="open-all-notifications-button" (click)="openNotifications()">
  Ver todas las notificaciones
 </six-button>
</six-drawer>

您可以在官方的 Angular 指南中阅读更多相关信息