Is it possible to put ion-item in a custom selector as an attribute?


I have implemented a custom component and used it in my html template. I want to make it swipeable so it has to be wrapped by ion-item-sliding. However, ion-item-sliding requires its children to be an ion-item, so I wander if I could make my custom component works like an ion-item.

<my-custom-selector ion-item>item</my-custom-selector>

I tried this but got error while compiling.

Error: Uncaught (in promise): Error: Template parse errors:
More than one component matched on this element.
Make sure that only one component’s selector can match a given element.

Any ideas?