Ионный список не отображается и не работает как кнопки

Question

Я следую учебному пособию, изучая Ionic, в котором приведен пример списка нажимаемых кнопок.

Хотя пример видео, которым я следую, работает, мой - нет.

Мой коди изображение результатов выглядит следующим образом:

<ion-content padding>
    <h3 text-center>Select your favorite Quote</h3>

    <ion-list>
        <button ion-item *ngFor='let quoteGroup of quotesCollection'>
            TEST
        </button>
    </ion-list>

</ion-content>

Должны отображаться ссылки TEST с > Символ в крайнем правом углу для каждого.И они должны отвечать на клики.Ни один из них не работает в моей попытке.

Answer 1

Вы забыли добавить событие onclick в свою кнопку do add (click) = "opendetailsXY ()"

Answer 2

В вашем коде отсутствует триггер клика

  <ion-list>
      <button ion-item *ngFor='let quoteGroup of quotesCollection' (click)="itemSelected(quoteGroup )">
        {{ quoteGroup }}
      </button>  
    </ion-list>