Блог

У меня есть ion-list , и я хотел бы использовать компонент пользовательского элемента списка вместо ion-item того, чтобы я мог повторно использовать его в других списках. У меня возникли проблемы из-за обертки пользовательского компонента:

 <ion-item button *ngFor="let document of (signedDocumentsService.signedDocuments$ | async)"
          (click)="addToSelectedDocuments(document)">
  <signed-document-item
    class="w-100"
    [document]="document"
  ></signed-document-item>
</ion-item>
 

Я попробовал следующее, но получил эту ошибку:

 Template parse errors:
More than one component matched on this element.
Make sure that only one component's selector can match a given element.
Conflicting components: IonItem,SignedDocumentItemComponent
 

 <ion-item signed-document-item button *ngFor="let document of (signedDocumentsService.signedDocuments$ | async)"
          (click)="addToSelectedDocuments(document)">
</ion-item>
 

Есть ли способ обойти это, чтобы иметь возможность получить преимущества ion-item с помощью пользовательского компонента?