panelChange привязка значения на панели Angular 6

Question

Обзор

Я изучаю Angular и JHipster, пытающиеся получить идентификатор объекта в коллекции.

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

Это анализ DAFO, поэтому мне нужен идентификатор, чтобы получить элементы

Мои мысли

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

это на стороне TypeScript компонента

 ngOnInit() {
        this.activatedRoute.data.subscribe(({ planEstrategico }) => {
            this.planEstrategico = planEstrategico;
            this.idPlan = planEstrategico.id; 
            this.cargarAnaliziFoda(this.idPlan);
        });

    }
      cargarElementosFoda(id) {
        console.log(id);
      }

сначала я пытаюсь это

<ngb-panel
  (click)="cargarElementosFoda(diagnosticoFoda.id)"
  *ngFor="let diagnosticoFoda of diagnosticoFodas"
>

не работать, поэтому я пытаюсь это

<ngb-panel
  (panelChange)="cargarElementosFoda(diagnosticoFoda.id)"
  *ngFor="let diagnosticoFoda of diagnosticoFodas"
>                                  

также не работают

Я читаю, работает только на ngb-accordion, но проблема не в том, что все панели предназначены для DOFA только один или два.

Вопросы

• Лучший способ получить идентификатор моей коллекции с помощью события click?
• Альтернативные способы получения идентификатора?может быть, на стороне машинописного текста компонента

Заметки

• Я действительно новичок в Angular, TypeScript и Jhipster, пожалуйста, если я пропущу что-то важное, дайте мнеЗнайте это в комментарии я добавлю к вопросу.