Блог

Я новичок в angular и PrimeNG.

У меня есть details.component.html и в моей навигационной панели есть кнопка под названием «начать сеанс». У меня также есть <p-tabView> компонент в том же файле.

Я хочу показать <p-tabView> компонент, когда я нажимаю кнопку «Начать сеанс». Как я могу этого добиться?

если я правильно понимаю, вам просто нужно отобразить свой компонент, нажав на кнопку. в этом случае вам нужно:

1. повесьте обработчик событий на кнопку

   <button (click)='yourButtonHandler()/>

2. создайте переменную, от которой будет зависеть элемент

   isTabviewExist = false

3. создайте функцию, которая будет обрабатывать нажатие на вашу кнопку

   yourButtonHandler() { this.isTabviewExist = true }

4. добавить условие к компоненту

   <p-tabView *ngIf=isTabviewExist />