Телеграмм чат группы angular

<mat-sidenav-container class="container">
  <app-sidenav></app-sidenav>
  <mat-sidenav-content>
    <app-toolbar></app-toolbar>
  </mat-sidenav-content>
</mat-sidenav-container>

app-sidenav под капотом использует <mat-sidenav>, у которого есть метод toggle. Кнопка, по клику на которую надо вызывать этот метод, находится в app-toolbar.
Так вот, как мне передать ссылку на элемент mat-sidenav в app-toolbar?

источник

16:13пожаловаться #9

SS

Sergei Sergeevich in Angular - русскоговорящее сообщество

Dilame Bowzee

Извините, я апну вопрос.

У меня есть компоненты app-sidenav и app-toolbar.
Они склеиваются в app-component вот так

<mat-sidenav-container class="container">
  <app-sidenav></app-sidenav>
  <mat-sidenav-content>
    <app-toolbar></app-toolbar>
  </mat-sidenav-content>
</mat-sidenav-container>

app-sidenav под капотом использует <mat-sidenav>, у которого есть метод toggle. Кнопка, по клику на которую надо вызывать этот метод, находится в app-toolbar.
Так вот, как мне передать ссылку на элемент mat-sidenav в app-toolbar?

сделай сервис для управления сайдбаром!

источник

16:19пожаловаться #10

DB

Dilame Bowzee in Angular - русскоговорящее сообщество

Sergei Sergeevich

сделай сервис для управления сайдбаром!

Нет, я хочу именно из шаблона сделать это. Я уже разобрался, что можно присваивать элементам имена и передавать их как @Input() в компоненты.
Единственное, что мне не понятно, это как получить доступ к элементу дочернего компонента?

источник

16:20пожаловаться #11

SS

Sergei Sergeevich in Angular - русскоговорящее сообщество

Dilame Bowzee

Нет, я хочу именно из шаблона сделать это. Я уже разобрался, что можно присваивать элементам имена и передавать их как @Input() в компоненты.
Единственное, что мне не понятно, это как получить доступ к элементу дочернего компонента?

нет ну ты можешь получить доступ к любому параметру дочернего компонента через ViewChildren ну лучше сделать через сервис =)

источник

16:22пожаловаться #12

DB

Dilame Bowzee in Angular - русскоговорящее сообщество

Sergei Sergeevich

нет ну ты можешь получить доступ к любому параметру дочернего компонента через ViewChildren ну лучше сделать через сервис =)

Через сервис я уже умею) Мне важно научиться сделать через шаблон. Именно ViewChildren? Или ViewChild?

источник

16:23пожаловаться #13

SS

Sergei Sergeevich in Angular - русскоговорящее сообщество

Dilame Bowzee

Через сервис я уже умею) Мне важно научиться сделать через шаблон. Именно ViewChildren? Или ViewChild?

ViewChild

источник

16:25пожаловаться #14

ND

Nikolay Dumchev in Angular - русскоговорящее сообщество

Dilame Bowzee

Нет, я хочу именно из шаблона сделать это. Я уже разобрался, что можно присваивать элементам имена и передавать их как @Input() в компоненты.
Единственное, что мне не понятно, это как получить доступ к элементу дочернего компонента?

Меня поправят, но нельзя напрямую из одного компонента работать с элементами в другом компоненте, да и это странно. Между компонентами можно обмениваться данными. Если событие происходит у вас в дочернем компоненте, то наверх (в родительский компонент) пробрасывайте данные через @Output и

EventEmitter

https://angular.io/api/core/EventEmitter

источник

16:26пожаловаться #15

DB

Dilame Bowzee in Angular - русскоговорящее сообщество

Sergei Sergeevich

ViewChild

А оно точно должно работать? Чёт вообще ничего не происходит по клику на кнопку, но при этом и ошибки не валятся

источник

16:26пожаловаться #16

DB

Dilame Bowzee in Angular - русскоговорящее сообщество

<mat-sidenav-container class="container">
  <app-sidenav #appSidenav></app-sidenav>
  <mat-sidenav-content>
    <app-toolbar [appSidenav]="appSidenav.sidenav"></app-toolbar>
    <router-outlet></router-outlet>
  </mat-sidenav-content>
</mat-sidenav-container>

источник

16:27пожаловаться #17

SS

Sergei Sergeevich in Angular - русскоговорящее сообщество

Dilame Bowzee

А оно точно должно работать? Чёт вообще ничего не происходит по клику на кнопку, но при этом и ошибки не валятся

откуда я знаю, нормальные люди все используют для такого сервис :)

источник

16:27пожаловаться #18

SS

Sergei Sergeevich in Angular - русскоговорящее сообщество

шучу шучу