This theme/template is a carefully assembled collection of Ionic 6 components which will help you build modern and beautiful Android and iOS apps. Using these components you can develop numerous different applications and save hours of coding. In addition to beautiful design, we gave our the best to make this template as simple as possible to use.
If you have any questions you can always contact us and our support will get in touch with you as soon as possible.
1. First download node.js -Windows users, you may look to this video on how to install Node.js -For Ubuntu users, you may look to this video on how to install Node.js -For Mac OS X users, you may look to this video on how to install Node.js 2. Open the terminal and run next command “npm install -g ionic cordova” 3. Create your project ionicTemplate with next command “ionic start ionicTemplate sidemenu” 4. Choose Angular
Keep in mind that in our tutorials every component is added to a blank template so every time we add it to “page 1”. Of course, you will change the number of the page, depending on what page you want to add.
Also in some videos, you will notice that we reset app in the terminal. This is because sometimes browser needs to be refreshed to show the latest changes. Therefore, on some video, you will see “reset app” and on some, you will not. 🙂
Start for Windows 1. Extract your downloaded file 2. Open extracted folder 3. Open terminal with current location 4. In the terminal write “npm install” 5. In the terminal write “ionic serve” Start for iOS 1. Extract your downloaded file 2. Open extracted folder 3. Open terminal with current location 4. In the terminal write “sudo npm install” 5. In the terminal write “sudo ionic serve”
In our project open src/services/app-settings.ts
export const AppSettings = { 'IS_FIREBASE_ENABLED': true, 'SHOW_START_WIZARD': true, 'SUBSCRIBE': true, 'FIREBASE_CONFIG': { 'apiKey': "AIzaSyDhDVNa36xnz2RbR84vvWl5_i93D45vm-o", 'authDomain': "ionic4-blue-light.firebaseapp.com", 'databaseURL': "https://ionic4-blue-light.firebaseio.com", 'projectId': "ionic4-blue-light", 'storageBucket': "ionic4-blue-light.appspot.com", 'messagingSenderId': "606123713775", 'appId': "1:606123713775:web:284f1cb6ddab34b6" } };
If firebase enabled data will load from firebase, else data will load local services.
If you enable the wizard, it will appear when you run the app.
Pop-up for subscribe
If you want to use firebase, you have to create firebase project and set proper data. How to create an ionic project?
After you create firebase, you will need to import JSON file to the database.
All our components support lazy loading. Learn more about lazy model
If you have any questions you can always contact us and our support will get in touch with you as soon as possible.
Can we use components without Lazy loading?
Yes, it is possible.
You only need to import component in the app module.
Example: import { ExpandableLayout1 } from '../components/list-view/layout-1/expandable-layout-1' import { ExpandableLayout2 } from '../components/list-view/layout-2/expandable-layout-2' import { ExpandableLayout3 } from '../components/list-view/layout-3/expandable-layout-3' @NgModule({ declarations: [ MyApp,ExpandableLayout1,ExpandableLayout2,ExpandableLayout3 ], imports: [ BrowserModule, HttpModule, IonicModule.forRoot(MyApp), AngularFireModule.initializeApp(AppSettings.FIREBASE_CONFIG), AngularFireDatabaseModule, AngularFireAuthModule ], bootstrap: [IonicApp], entryComponents: [ MyApp,ExpandableLayout1,ExpandableLayout2,ExpandableLayout3 ], schemas: [CUSTOM_ELEMENTS_SCHEMA], providers: [{ provide: ErrorHandler, useClass: IonicErrorHandler }] }) and remove file src/components/list-view/layout-1/expandable-layout-1.module.ts from.
Example: :root { /* Delate old content (ALL VARIABLES) */ }
Example: .example-color { /* content of example-color (ALL VARIABLES) */ }
Example: :root { /* content of example-color (ALL VARIABLES) */ }How to color change my application Example video instruction this is link
We made 10 Shape animations:
And add duration animation:
All name and duration animations you can find in animation.scss file path (NameApp/src/theme/animation.scss)
Example animations List with items
<ion-list appAnimateItems className="fadeInRight"> /* Name Animation */ <ion-item *ngFor="let entry of data" (click)="onItemClickFunc(entry)" class="animation-fast opacity-0"> /* Duration Animation */ /* Content items */> </ion-item > </ion-list >
Example animations Row with Column
<ion-row appAnimateItems className="bounceIn"> /* Name Animation */ <ion-col size="12" size-sm="6" *ngFor="let item of data.items" class="animation-slow opacity-0"> /* Duration Animation */ /* Content items */> </ion-col > </ion-row >
How to add animation in my application Example video instruction this is link
import { ExpandableListLayout1Page } from './expandable-list/expandable-list-layout-1/expandable-list-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ExpandableListLayout1Page ], exports: [ ExpandableListLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-expandable-list-layout-1 [data]="data"></cs-expandable-list-layout-1>
@Output() onItemClick = new EventEmitter(); @Output() onLike = new EventEmitter(); @Output() onFavorite = new EventEmitter(); @Output() onShare = new EventEmitter();
import { ExpandableListLayout2Page } from './expandable-list/expandable-list-layout-2/expandable-list-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ExpandableListLayout2Page ], exports: [ ExpandableListLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-expandable-list-layout-2 [data]="data"></cs-expandable-list-layout-2>
@Output() onItemClick = new EventEmitter();
import { ExpandableListLayout3Page } from './expandable-list/expandable-list-layout-3/expandable-list-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ExpandableListLayout3Page ], exports: [ ExpandableListLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-expandable-list-layout-3 [data]="data"></cs-expandable-list-layout-3>
@Output() onItemClick = new EventEmitter();
import { DragAndDropListLayout1Page } from './drag-and-drop-list/drag-and-drop-list-layout-1/drag-and-drop-list-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ DragAndDropListLayout1Page ], exports: [ DragAndDropListLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-drag-and-drop-list-layout-1 [data]="data"></cs-drag-and-drop-list-layout-1>
@Output() onItemClick = new EventEmitter();
import { DragAndDropListLayout2Page } from './drag-and-drop-list/drag-and-drop-list-layout-2/drag-and-drop-list-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ DragAndDropListLayout2Page ], exports: [ DragAndDropListLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-drag-and-drop-list-layout-2 [data]="data"></cs-drag-and-drop-list-layout-2>
@Output() onItemClick = new EventEmitter(); @Output() onProceed = new EventEmitter();
import { DragAndDropListLayout2Page } from './drag-and-drop-list/drag-and-drop-list-layout-3/drag-and-drop-list-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ DragAndDropListLayout3Page ], exports: [ DragAndDropListLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-drag-and-drop-list-layout-3 [data]="data"></cs-drag-and-drop-list-layout-3>
@Output() onItemClick = new EventEmitter();
import { GoogleCardListLayout1Page } from './google-card-list/google-card-list-layout-1/google-card-list-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ GoogleCardListLayout1Page ], exports: [ GoogleCardListLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-google-card-list-layout-1 [data]="data"></cs-google-card-list-layout-1>
@Output() onItemClick = new EventEmitter(); @Output() onFavorite = new EventEmitter(); @Output() onLike = new EventEmitter(); @Output() onShare = new EventEmitter();
import { GoogleCardListLayout2Page } from './google-card-list/google-card-list-layout-2/google-card-list-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ GoogleCardListLayout2Page ], exports: [ GoogleCardListLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-google-card-list-layout-2 [data]="data"></cs-google-card-list-layout-2>
@Output() onItemClick = new EventEmitter(); @Output() onExplore = new EventEmitter(); @Output() onShare = new EventEmitter();
import { GoogleCardListLayout3Page } from './google-card-list/google-card-list-layout-3/google-card-list-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ GoogleCardListLayout3Page ], exports: [ GoogleCardListLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
@Output() onItemClick = new EventEmitter();
import { GoogleCardListLayout4Page } from './google-card-list/google-card-list-layout-4/google-card-list-layout-4.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ GoogleCardListLayout4Page ], exports: [ GoogleCardListLayout4Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-google-card-list-layout-4 [data]="data"></cs-google-card-list-layout-4>
@Output() onItemClick = new EventEmitter();
import { SwipeToDismissListLayout1Page } from './swipe-to-dismiss-list/swipe-to-dismiss-list-layout-1/swipe-to-dismiss-list-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SwipeToDismissListLayout1Page ], exports: [ SwipeToDismissListLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-swipe-to-dismiss-list-layout-1 [data]="data"></cs-swipe-to-dismiss-list-layout-1>
@Output() onItemClick = new EventEmitter(); @Output() onLike = new EventEmitter(); @Output() onFavorite = new EventEmitter(); @Output() onShare = new EventEmitter(); @Output() onUndo = new EventEmitter(); @Output() onDelete = new EventEmitter();
import { SwipeToDismissListLayout2Page } from './swipe-to-dismiss-list/swipe-to-dismiss-list-layout-2/swipe-to-dismiss-list-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SwipeToDismissListLayout2Page ], exports: [ SwipeToDismissListLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-swipe-to-dismiss-list-layout-2 [data]="data"></cs-swipe-to-dismiss-list-layout-2>
@Output() onItemClick = new EventEmitter(); @Output() onUndo = new EventEmitter(); @Output() onDelete = new EventEmitter();
import { SwipeToDismissListLayout3Page } from './swipe-to-dismiss-list/swipe-to-dismiss-list-layout-3/swipe-to-dismiss-list-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SwipeToDismissListLayout3Page ], exports: [ SwipeToDismissListLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-swipe-to-dismiss-list-layout-3 [data]="data"></cs-swipe-to-dismiss-list-layout-3>
@Output() onItemClick = new EventEmitter(); @Output() onUndo = new EventEmitter(); @Output() onDelete = new EventEmitter();
import { ParallaxLayout1Page } from './parallax/parallax-layout-1/parallax-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ParallaxLayout1Page ], exports: [ ParallaxLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-parallax-layout-1 [data]="data"></cs-parallax-layout-1>
@Output() onLike = new EventEmitter(); @Output() onFavorite = new EventEmitter(); @Output() onShare = new EventEmitter(); @Output() onItemClick = new EventEmitter();
import { ParallaxLayout2Page } from './parallax/parallax-layout-2/parallax-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ParallaxLayout2Page ], exports: [ ParallaxLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-parallax-layout-2 [data]="data"></cs-parallax-layout-2>
@Output() onLike = new EventEmitter(); @Output() onFavorite = new EventEmitter(); @Output() onShare = new EventEmitter(); @Output() onItemClick = new EventEmitter();
import { ParallaxLayout3Page } from './parallax/parallax-layout-3/parallax-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ParallaxLayout3Page ], exports: [ ParallaxLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-parallax-layout-3 [data]="data"></cs-parallax-layout-3>
@Output() onItemClick = new EventEmitter(); @Output() onFavorite = new EventEmitter();
import { ParallaxLayout4Page } from './parallax/parallax-layout-4/parallax-layout-4.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ParallaxLayout4Page ], exports: [ ParallaxLayout4Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-parallax-layout-4 [data]="data"></cs-parallax-layout-4>
@Output() onLike = new EventEmitter(); @Output() onFavorite = new EventEmitter(); @Output() onShare = new EventEmitter(); @Output() onItemClick = new EventEmitter(); @Output() onRates = new EventEmitter();
import { LoginLayout1Page } from './login/login-layout-1/login-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ LoginLayout1Page ], exports: [ LoginLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-login-layout-1 [data]="data"></cs-login-layout-1>
@Output() onLogin = new EventEmitter(); @Output() onRegister = new EventEmitter(); @Output() onSkip = new EventEmitter(); @Output() onFacebook = new EventEmitter(); @Output() onTwitter = new EventEmitter(); @Output() onGoogle = new EventEmitter(); @Output() onPinterest = new EventEmitter();
import { LoginLayout2Page } from './login/login-layout-2/login-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ LoginLayout2Page ], exports: [ LoginLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-login-layout-2 [data]="data"></cs-login-layout-2>
@Output() onLogin = new EventEmitter(); @Output() onRegister = new EventEmitter(); @Output() onSkip = new EventEmitter(); @Output() onFacebook = new EventEmitter(); @Output() onTwitter = new EventEmitter(); @Output() onGoogle = new EventEmitter(); @Output() onPinterest = new EventEmitter();
import { ForgotPasswordLayout1Page } from './forgot-password/forgot-password-layout-1/forgot-password-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ForgotPasswordLayout1Page ], exports: [ ForgotPasswordLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-forgot-password-layout-1 [data]="data"></cs-forgot-password-layout-1>
@Output() onSend = new EventEmitter();
import { ForgotPasswordLayout2Page } from './forgot-password/forgot-password-layout-2/forgot-password-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ForgotPasswordLayout2Page ], exports: [ ForgotPasswordLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-forgot-password-layout-2 [data]="data"></cs-forgot-password-layout-2>
@Output() onSend = new EventEmitter();
import { NewPasswordLayout1Page } from './new-password/new-password-layout-1/new-password-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ NewPasswordLayout1Page ], exports: [ NewPasswordLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-new-password-layout-1 [data]="data"></cs-new-password-layout-1>
@Output() onSend = new EventEmitter();
import { NewPasswordLayout1Page } from './new-password/new-password-layout-1/new-password-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ NewPasswordLayout1Page ], exports: [ NewPasswordLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-new-password-layout-2 [data]="data"></cs-new-password-layout-2>
@Output() onSend = new EventEmitter();
import { RegisterLayout1Page } from './register/register-layout-1/register-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ RegisterLayout1Page ], exports: [ RegisterLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-register-layout-1 [data]="data"></cs-register-layout-1>
@Output() onRegister = new EventEmitter(); @Output() onSkip = new EventEmitter();
import { RegisterLayout2Page } from './register/register-layout-2/register-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ RegisterLayout2Page ], exports: [ RegisterLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-register-layout-2 [data]="data"></cs-register-layout-2>
@Output() onRegister = new EventEmitter(); @Output() onSkip = new EventEmitter();
import { SplashScreenLayout1Page } from './splash-screen/splash-screen-layout-1/splash-screen-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SplashScreenLayout1Page ], exports: [ SplashScreenLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-splash-screen-layout-1 [data]="data">/<cs-splash-screen-layout-1>
@Output() onRedirect = new EventEmitter();
import { SplashScreenLayout2Page } from './splash-screen/splash-screen-layout-2/splash-screen-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SplashScreenLayout2Page ], exports: [ SplashScreenLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-splash-screen-layout-2 [data]="data"></cs-splash-screen-layout-2>
@Output() onRedirect = new EventEmitter();
import { SplashScreenLayout3Page } from './splash-screen/splash-screen-layout-3/splash-screen-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SplashScreenLayout3Page ], exports: [ SplashScreenLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-splash-screen-layout-3 [data]="data"></cs-splash-screen-layout-3>
@Output() onRedirect = new EventEmitter();
import { CheckBoxLayout1Page } from './check-box/check-box-layout-1/check-box-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ CheckBoxLayout1Page ], exports: [ CheckBoxLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-check-box-layout-1 [data]="data"></cs-check-box-layout-1>
@Output() onItemClick = new EventEmitter();
import { CheckBoxLayout2Page } from './check-box/check-box-layout-2/check-box-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ CheckBoxLayout2Page ], exports: [ CheckBoxLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-check-box-layout-2 [data]="data"></cs-check-box-layout-2>
@Output() onItemClick = new EventEmitter();
import { CheckBoxLayout3Page } from './check-box/check-box-layout-3/check-box-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ CheckBoxLayout3Page ], exports: [ CheckBoxLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-check-box-layout-3 [data]="data"></cs-check-box-layout-3>
@Output() onItemClick = new EventEmitter();
import { SpinnerPage } from './spinner/spinner.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SpinnerPage ], exports: [ SpinnerPage ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-spinner [data]="data"></cs-spinner>
import { SearchBarLayout3Page } from './search-bar/search-bar-layout-1/search-bar-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SearchBarLayout3Page ], exports: [ SearchBarLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-search-bar-layout-1 [data]="data"></cs-search-bar-layout-1>
@Output() onItemClick = new EventEmitter(); @Output() onTextChange = new EventEmitter();
import { SearchBarLayout1Page } from './search-bar/search-bar-layout-2/search-bar-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SearchBarLayout1Page ], exports: [ SearchBarLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-search-bar-layout-2 [data]="data"></cs-search-bar-layout-2>
@Output() onItemClick = new EventEmitter(); @Output() onTextChange = new EventEmitter();
import { SearchBarLayout3Page } from './search-bar/search-bar-layout-3/search-bar-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SearchBarLayout3Page ], exports: [ SearchBarLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-search-bar-layout-3 [data]="data"></cs-search-bar-layout-3>
@Output() onItemClick = new EventEmitter(); @Output() onTextChange = new EventEmitter();
import { WizardLayout1Page } from './wizard/wizard-layout-1/wizard-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ WizardLayout1Page ], exports: [ WizardLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-wizard-layout-1 [data]="data"></cs-wizard-layout-1>
@Output() onFinish = new EventEmitter(); @Output() onNext = new EventEmitter(); @Output() onPrevious = new EventEmitter();
import { WizardLayout2Page } from './wizard/wizard-layout-2/wizard-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ WizardLayout2Page ], exports: [ WizardLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-wizard-layout-2 [data]="data"></cs-wizard-layout-2>
@Output() onFinish = new EventEmitter(); @Output() onNext = new EventEmitter(); @Output() onPrevious = new EventEmitter();
import { WizardLayout3Page } from './wizard/wizard-layout-3/wizard-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ WizardLayout3Page ], exports: [ WizardLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-wizard-layout-3 [data]="data"></cs-wizard-layout-3>
@Output() onFinish = new EventEmitter(); @Output() onNext = new EventEmitter(); @Output() onPrevious = new EventEmitter();
import { WizardLayout3Page } from './wizard/wizard-layout-4/wizard-layout-4.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ WizardLayout4Page ], exports: [ WizardLayout4Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-wizard-layout-4 [data]="data"></cs-wizard-layout-4>
@Output() onFinish = new EventEmitter(); @Output() onNext = new EventEmitter(); @Output() onPrevious = new EventEmitter();
Add you Maps key in shared.module.ts path('YourNameApp/src/app/components/shared.module.ts')
If you want to use component with google maps you have to create API key for the app. How to create API key for maps? Google documentation how to create API key: Maps JavaScript API
import { MapLayout1Page } from './map/map-layout-1/map-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ MapLayout1Page ], exports: [ MapLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-map-layout-1 [data]="data"></cs-map-layout-1>
@Output() onRates = new EventEmitter(); @Output() onLike = new EventEmitter(); @Output() onFavorite = new EventEmitter(); @Output() onShare = new EventEmitter();
import { MapLayout2Page } from './map/map-layout-2/map-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ MapLayout2Page ], exports: [ MapLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-map-layout-2 [data]="data"></cs-map-layout-2>
@Output() onLike = new EventEmitter(); @Output() onFavorite = new EventEmitter(); @Output() onShare = new EventEmitter();
import { MapLayout3Page } from './map/map-layout-3/map-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ MapLayout3Page ], exports: [ MapLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-map-layout-3 [data]="data"></cs-map-layout-3>
import { RadioButtonLayout1Page } from './radio-button/radio-button-layout-1/radio-button-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ RadioButtonLayout1Page ], exports: [ RadioButtonLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-radio-button-layout-1 [data]="data"></cs-radio-button-layout-1>
@Output() onItemClick = new EventEmitter();
import { RadioButtonLayout2Page } from './radio-button/radio-button-layout-2/radio-button-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ RadioButtonLayout2Page ], exports: [ RadioButtonLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-radio-button-layout-2 [data]="data"></cs-radio-button-layout-2>
@Output() onItemClick = new EventEmitter();
import { RadioButtonLayout3Page } from './radio-button/radio-button-layout-3/radio-button-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ RadioButtonLayout3Page ], exports: [ RadioButtonLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-radio-button-layout-3 [data]="data"></cs-radio-button-layout-3>
@Output() onItemClick = new EventEmitter();
import { RangeLayout1Page } from './range/range-layout-1/range-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ RangeLayout1Page ], exports: [ RangeLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-range-layout-1 [data]="data"></cs-range-layout-1>
@Output() onChange = new EventEmitter();
import { RangeLayout2Page } from './range/range-layout-2/range-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ RangeLayout2Page ], exports: [ RangeLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-range-layout-2 [data]="data"></cs-range-layout-2>
@Output() onChange = new EventEmitter();
import { RangeLayout4Page } from './range/range-layout-4/range-layout-4.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ RangeLayout4Page ], exports: [ RangeLayout4Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-range-layout-4 [data]="data"></cs-range-layout-4>
@Output() onChange = new EventEmitter();
import { RangeLayout3Page } from './range/range-layout-3/range-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ RangeLayout3Page ], exports: [ RangeLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-range-layout-3 [data]="data"></cs-range-layout-3>
@Output() onChange = new EventEmitter();
import { ToggleButtonLayout1Page } from './toggle-button/toggle-button-layout-1/toggle-button-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ToggleButtonLayout1Page ], exports: [ ToggleButtonLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-toggle-button-layout-1 [data]="data"></cs-toggle-button-layout-1>
@Output() onItemClick = new EventEmitter();
import { ToggleButtonLayout2Page } from './toggle-button/toggle-button-layout-2/toggle-button-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ToggleButtonLayout2Page ], exports: [ ToggleButtonLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-toggle-button-layout-2 [data]="data"></cs-toggle-button-layout-2>
@Output() onItemClick = new EventEmitter();
import { ToggleButtonLayout3Page } from './toggle-button/toggle-button-layout-3/toggle-button-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ToggleButtonLayout3Page ], exports: [ ToggleButtonLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-toggle-button-layout-3 [data]="data"></cs-toggle-button-layout-3>
@Output() onItemClick = new EventEmitter();
import { SelectLayout1Page } from './select/select-layout-1/select-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SelectLayout1Page ], exports: [ SelectLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-select-layout-1 [data]="data"></cs-select-layout-1>
@Output() onChange = new EventEmitter();
import { SelectLayout2Page } from './select/select-layout-2/select-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SelectLayout2Page ], exports: [ SelectLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-select-layout-2 [data]="data"></cs-select-layout-2>
@Output() onChange = new EventEmitter();
import { SelectLayout3Page } from './select/select-layout-3/select-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SelectLayout3Page ], exports: [ SelectLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-select-layout-3 [data]="data"></cs-select-layout-3>
@Output() onChange = new EventEmitter();
import { SelectLayout4Page } from './select/select-layout-4/select-layout-4.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SelectLayout4Page ], exports: [ SelectLayout4Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-select-layout-4 [data]="data"></cs-select-layout-4>
@Output() onChangeMonth = new EventEmitter(); @Output() onChangeYears = new EventEmitter();
import { SelectLayout5Page } from './select/select-layout-5/select-layout-5.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SelectLayout5Page ], exports: [ SelectLayout5Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-select-layout-5 [data]="data"></cs-select-layout-5>
@Output() onChange = new EventEmitter();
import { SelectLayout5Page } from './select/select-layout-6/select-layout-6.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SelectLayout6Page ], exports: [ SelectLayout6Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-select-layout-6 [data]="data"></cs-select-layout-6>
@Output() onChangeMonth = new EventEmitter(); @Output() onChangeYears = new EventEmitter();
import { ActionSheetLayout1Page } from './action-sheet/action-sheet-layout-1/action-sheet-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ActionSheetLayout1Page ], exports: [ ActionSheetLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-action-sheet-layout-1 [data]="data"></cs-action-sheet-layout-1>
@Output() onProceed = new EventEmitter(); @Output() onItemClick = new EventEmitter(); @Output() onItemClickActionSheet = new EventEmitter(); @Output() onChangeScroll = new EventEmitter();
import { ActionSheetLayout2Page } from './action-sheet/action-sheet-layout-2/action-sheet-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ActionSheetLayout2Page ], exports: [ ActionSheetLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-action-sheet-layout-2 [data]="data"></cs-action-sheet-layout-2>
@Output() onItemClick = new EventEmitter(); @Output() onItemClickActionSheet = new EventEmitter(); @Output() onChangeScroll = new EventEmitter(); @Output() onComment = new EventEmitter(); @Output() onLike = new EventEmitter();
import { ActionSheetLayout3Page } from './action-sheet/action-sheet-layout-3/action-sheet-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ActionSheetLayout3Page ], exports: [ ActionSheetLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-action-sheet-layout-3 [data]="data"></cs-action-sheet-layout-3>
@Output() onItemClick = new EventEmitter(); @Output() onItemClickActionSheet = new EventEmitter(); @Output() onChangeScroll = new EventEmitter();
import { ImageGalleryLayout1Page } from './image-gallery/image-gallery-layout-1/image-gallery-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ImageGalleryLayout1Page ], exports: [ ImageGalleryLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-image-gallery-layout-1 [data]="data"></cs-image-gallery-layout-1>
@Output() onItemClick = new EventEmitter(); @Output() onFavorite = new EventEmitter();
import { ImageGalleryLayout2Page } from './image-gallery/image-gallery-layout-2/image-gallery-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ImageGalleryLayout2Page ], exports: [ ImageGalleryLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-image-gallery-layout-2 [data]="data"></cs-image-gallery-layout-2>
@Output() onItemClick = new EventEmitter(); @Output() onFavorite = new EventEmitter();
import { ImageGalleryLayout3Page } from './image-gallery/image-gallery-layout-3/image-gallery-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ImageGalleryLayout3Page ], exports: [ ImageGalleryLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-image-gallery-layout-3 [data]="data"></cs-image-gallery-layout-3>
@Output() onItemClick = new EventEmitter(); @Output() onFavorite = new EventEmitter();
import { TabLayout1PageModule } from './tab/tab-layout-1/tab-layout-1.module'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, TabLayout1PageModule ], declarations: [ TabLayout1PageModule ], exports: [ TabLayout1PageModule ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-tab-layout-1 [data]="data"></cs-tab-layout-1>
import { TabLayout2PageModule } from './tab/tab-layout-2/tab-layout-2.module'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, TabLayout2PageModule ], declarations: [ TabLayout2PageModule ], exports: [ TabLayout2PageModule ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-tab-layout-2 [data]="data"></cs-tab-layout-2>
import { TabLayout3PageModule } from './tab/tab-layout-3/tab-layout-3.module'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, TabLayout3PageModule ], declarations: [ TabLayout3PageModule ], exports: [ TabLayout3PageModule ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-tab-layout-3 [data]="data"></cs-tab-layout-3>
import { TimeLineLayout1Page } from './timeline/timeline-box-layout-1/timeline-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ TimeLineLayout1Page ], exports: [ TimeLineLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-timeline-layout-1 [data]="data"></cs-timeline-layout-1>
@Output() onItemClick = new EventEmitter();
import { TimeLineLayout2Page } from './timeline/timeline-box-layout-2/timeline-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ TimeLineLayout2Page ], exports: [ TimeLineLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-timeline-layout-2 [data]="data"></cs-timeline-layout-2>
@Output() onItemClick = new EventEmitter();
import { TimeLineLayout3Page } from './timeline/timeline-box-layout-3/timeline-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ TimeLineLayout3Page ], exports: [ TimeLineLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-timeline-layout-3 [data]="data"></cs-timeline-layout-3>
@Output() onItemClick = new EventEmitter();
import { FormsLayout1Page } from './forms/forms-layout-1/forms-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ FormsLayout1Page ], exports: [ FormsLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-forms-layout-1 [data]="data"></cs-forms-layout-1>
@Output() onSubmit = new EventEmitter();
import { FormsLayout2Page } from './forms/forms-layout-2/forms-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ FormsLayout2Page ], exports: [ FormsLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-forms-layout-2 [data]="data"></cs-forms-layout-2>
@Output() onRates = new EventEmitter(); @Output() onSubmit = new EventEmitter();
import { FormsLayout3Page } from './forms/forms-layout-3/forms-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ FormsLayout3Page ], exports: [ FormsLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-forms-layout-3 [data]="data"></cs-forms-layout-3>
@Output() onSubmit = new EventEmitter();
import { FormsLayout4Page } from './forms/forms-layout-4/forms-layout-4.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ FormsLayout4Page ], exports: [ FormsLayout4Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-forms-layout-4 [data]="data"></cs-forms-layout-4>
@Output() onRates = new EventEmitter(); @Output() onSubmit = new EventEmitter(); @Output() onAddImage = new EventEmitter();
import { PaymentLayout1Page } from './payment/payment-layout-1/payment-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ PaymentLayout1Page ], exports: [ PaymentLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-payment-layout-1 [data]="data"></cs-payment-layout-1>
@Output() onPay = new EventEmitter();
import { SegmentListLayout1Page } from './segment/segment-layout-1/segment-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SegmentListLayout1Page ], exports: [ SegmentListLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-segment-layout-1 [data]="data"></cs-segment-layout-1>
@Output() onItemClick = new EventEmitter();
import { SegmentListLayout2Page } from './segment/segment-layout-2/segment-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SegmentListLayout2Page ], exports: [ SegmentListLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-segment-layout-2 [data]="data"></cs-segment-layout-2>
@Output() onItemClick = new EventEmitter();
import { SegmentListLayout3Page } from './segment/segment-layout-3/segment-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ SegmentListLayout3Page ], exports: [ SegmentListLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-segment-layout-3 [data]="data"></cs-segment-layout-3>
@Output() onItemClick = new EventEmitter(); @Output() onLike = new EventEmitter(); @Output() onComment = new EventEmitter();
import { ScrollSegmentLayout1Page } from './scroll-segment/scroll-segment-layout-1/scroll-segment-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ScrollSegmentLayout1Page ], exports: [ ScrollSegmentLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-scroll-segment-layout-1 [data]="data"></cs-scroll-segment-layout-1>
@Output() onItemClick = new EventEmitter(); @Output() onFollowClick = new EventEmitter(); @Output() onMessageClick = new EventEmitter();
import { ScrollSegmentLayout2Page } from './scroll-segment/scroll-segment-layout-2/scroll-segment-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ScrollSegmentLayout2Page ], exports: [ ScrollSegmentLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-scroll-segment-layout-2 [data]="data"></cs-scroll-segment-layout-2>
@Output() onItemClick = new EventEmitter(); @Output() onFollowClick = new EventEmitter();
import { ScrollSegmentLayout3Page } from './scroll-segment/scroll-segment-layout-3/scroll-segment-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ScrollSegmentLayout3Page ], exports: [ ScrollSegmentLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-scroll-segment-layout-3 [data]="data"></cs-scroll-segment-layout-3>
@Output() onItemClick = new EventEmitter();
import { ScrollSegmentLayout4Page } from './scroll-segment/scroll-segment-layout-4/scroll-segment-layout-4.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ScrollSegmentLayout4Page ], exports: [ ScrollSegmentLayout4Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-scroll-segment-layout-4 [data]="data"></cs-scroll-segment-layout-4>
@Output() onItemClick = new EventEmitter(); @Output() onFollowClick = new EventEmitter(); @Output() onMessageClick = new EventEmitter();
import { CommentLayout1Page } from './comment/comment-layout-1/comment-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ CommentLayout1Page ], exports: [ CommentLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-comment-layout-1 [data]="data"></cs-comment-layout-1>
@Output() onItemClick = new EventEmitter();
import { CommentLayout2Page } from './comment/comment-layout-2/comment-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ CommentLayout2Page ], exports: [ CommentLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-comment-layout-2 [data]="data"></cs-comment-layout-2>
@Output() onItemClick = new EventEmitter();
import { AlertLayout1Page } from './alert/alert-layout-1/alert-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ AlertLayout1Page ], exports: [ AlertLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-alert-layout-1 [data]="data"></cs-alert-layout-1>
@Output() onOkClick = new EventEmitter(); @Output() onCancelClick = new EventEmitter();
import { AlertLayout2Page } from './alert/alert-layout-2/alert-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ AlertLayout2Page ], exports: [ AlertLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-alert-layout-2 [data]="data"></cs-alert-layout-2>
@Output() onOkClick = new EventEmitter(); @Output() onCancelClick = new EventEmitter(); @Output() onComment = new EventEmitter(); @Output() onLike = new EventEmitter();
import { AlertLayout2Page } from './alert/alert-layout-2/alert-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ AlertLayout2Page ], exports: [ AlertLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-alert-layout-3 [data]="data"></cs-alert-layout-3>
@Output() onOkClick = new EventEmitter(); @Output() onCancelClick = new EventEmitter(); @Output() onComment = new EventEmitter(); @Output() onLike = new EventEmitter();
import { ProfileLayout1Page } from './profile/profile-layout-1/profile-layout-1.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ProfileLayout1Page ], exports: [ ProfileLayout1Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-profile-layout-1 [data]="data"></cs-profile-layout-1>
@Output() onItemClick = new EventEmitter(); @Output() onLike = new EventEmitter(); @Output() onComment = new EventEmitter();
import { ProfileLayout2Page } from './profile/profile-layout-2/profile-layout-2.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ProfileLayout2Page ], exports: [ ProfileLayout2Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-profile-layout-2 [data]="data"></cs-profile-layout-2>
@Output() onItemClick = new EventEmitter(); @Output() onLike = new EventEmitter(); @Output() onComment = new EventEmitter();
import { ProfileLayout3Page } from './profile/profile-layout-3/profile-layout-3.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ProfileLayout3Page ], exports: [ ProfileLayout3Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-profile-layout-3 [data]="data"></cs-profile-layout-3>
@Output() onItemClick = new EventEmitter(); @Output() onLike = new EventEmitter(); @Output() onComment = new EventEmitter();
import { ProfileLayout4Page } from './profile/profile-layout-4/profile-layout-4.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ProfileLayout4Page ], exports: [ ProfileLayout4Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-profile-layout-4 [data]="data"></cs-profile-layout-4>
@Output() onItemClick = new EventEmitter(); @Output() onLike = new EventEmitter(); @Output() onComment = new EventEmitter();
import { ProfileLayout5Page } from './profile/profile-layout-5/profile-layout-5.page'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule ], declarations: [ ProfileLayout5Page ], exports: [ ProfileLayout5Page ], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class SharedModule { }
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule } from '@angular/common';s import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; import { RouterModule } from '@angular/router'; import { SharedModule } from './../../components/shared.module'; import { yourPageName } from './your-page-name.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, SharedModule, RouterModule.forChild([ { path: '', component: yourPageName } ]) ], declarations: [yourPageName], exports: [yourPageName],s schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class YourPageNamePageModule { }
<cs-profile-layout-5 [data]="data"></cs-profile-layout-5>
@Output() onFacebook = new EventEmitter(); @Output() onTwitter = new EventEmitter(); @Output() onInstagram = new EventEmitter();
We have 2 different version icon fontello and Ionicons:
Call fontello icions in HTML
<i class="icon-bell-off"></i>
Call Ionic icions in HTML
<ion-icon name="notifications-off-outline"></ion-icon>