Не удается вызвать дочерний компонент при нажатии кнопки

#angular

Вопрос:

Я использую ng-боковую панель. Я хочу вызвать дочерний компонент (боковую панель) одним нажатием кнопки. Но я не получаю никакого результата.

Пример: Stackblitz

родительский ts:

 export class AppComponent {
  _opened: boolean = false;

  _toggleSidebar() {
    this._opened = !this._opened;
  }
}
 

родительский html:

 <ng-sidebar-container style="height: 100vh;">
  <app-sidebar [opened]="_opened"></app-sidebar>

  <!-- Page content -->
  <div ng-sidebar-content>
    <button (click)="_toggleSidebar()">Toggle sidebar</button>
  </div>
</ng-sidebar-container>
 

дочерний html:

 <ng-sidebar [(opened)]="opened" position="right">
  <ul>
    <li>Menu Item</li>
    <li>Menu Item</li>
    <li>Menu Item</li>
  </ul>
</ng-sidebar>
 

ребенок ts:

 export class SidebarComponent {
  @Input() opened: boolean;
}
 

Ответ №1:

Я создал раздвоенный с переменами. проверьте это https://stackblitz.com/edit/angular-ng-sidebar-wbwjdh.

Вам просто нужно добавить ng-sidebar селектор компонентов в app.component.html