Components Slider


#1

Hello!

I’m trying to do a slider that will contain pages.

Right now the slider looks like this:

<ion-slides>
    <ion-slide>
        Html content
    </ion-slide>
<ion-slides>

I’m trying to make something like this:

<ion-slides>
    <ion-slide>
        <MyPage>
    </ion-slide>
<ion-slides>

MyPage is:

import { Component } from '@angular/core';

@Component({
  selector: 'my-page',
  templateUrl: 'my-page.html'
})
export class MyPage {
  constructor() {}
}

Is there any way to do something like that?


#2

Have you tried it already?
Using a component in an ion-slide shoudn’t be a problem


#3

I havent tried it yet, I don’t know how the syntax should be.
Putting <MyPage> inside the slide was just an example of what I want to accomplish.


#4

Start with $ ionic g component myComponent

This will generate all the necessary files and links in your project.
After that <myComponent></myComponent> will work in your ion-slides.


#5

Whoa, I never though it would be that intuitive.
Thanks for your help!


#6

I have another little issue with ion-slides.

Here is my Stackoverflow.

Sadly no replies, maybe you have an clue… :slight_smile: