mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 13:01:01 +08:00
fix(): ensure all component references are removed from ionic-angular.
This commit is contained in:
@ -1,8 +0,0 @@
|
|||||||
import { Component } from '@angular/core';
|
|
||||||
import {E2EPage} from '../pages/e2e-page/e2e-page';
|
|
||||||
@Component({
|
|
||||||
template: `<ion-nav [root]="root"></ion-nav>`
|
|
||||||
})
|
|
||||||
export class AppComponent {
|
|
||||||
root = E2EPage;
|
|
||||||
}
|
|
@ -1,22 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { BrowserModule } from '@angular/platform-browser';
|
|
||||||
import { IonicApp, IonicModule } from '../../../../..';
|
|
||||||
|
|
||||||
import {AppComponent} from './app.component';
|
|
||||||
import {E2EPage} from '../pages/e2e-page/e2e-page';
|
|
||||||
@NgModule({
|
|
||||||
declarations: [
|
|
||||||
AppComponent,
|
|
||||||
E2EPage
|
|
||||||
],
|
|
||||||
imports: [
|
|
||||||
BrowserModule,
|
|
||||||
IonicModule.forRoot(AppComponent)
|
|
||||||
],
|
|
||||||
bootstrap: [IonicApp],
|
|
||||||
entryComponents: [
|
|
||||||
AppComponent,
|
|
||||||
E2EPage
|
|
||||||
]
|
|
||||||
})
|
|
||||||
export class AppModule {}
|
|
@ -1,5 +0,0 @@
|
|||||||
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
||||||
|
|
||||||
import { AppModule } from './app.module';
|
|
||||||
|
|
||||||
platformBrowserDynamic().bootstrapModule(AppModule);
|
|
@ -1,44 +0,0 @@
|
|||||||
import { Component, ViewChild } from '@angular/core';
|
|
||||||
import { Slides, SegmentButton } from '../../../../../..';
|
|
||||||
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
templateUrl: 'main.html',
|
|
||||||
})
|
|
||||||
export class E2EPage {
|
|
||||||
@ViewChild('loopSlider') sliderComponent: Slides;
|
|
||||||
|
|
||||||
selectedSegment = 'first';
|
|
||||||
slides = [
|
|
||||||
{
|
|
||||||
id: 'first',
|
|
||||||
title: 'First Slide'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'second',
|
|
||||||
title: 'Second Slide'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'third',
|
|
||||||
title: 'Third Slide'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
constructor() {}
|
|
||||||
|
|
||||||
onSegmentChanged(segmentButton: SegmentButton) {
|
|
||||||
console.log('Segment changed to', segmentButton.value);
|
|
||||||
|
|
||||||
const selectedIndex = this.slides.findIndex((slide) => {
|
|
||||||
return slide.id === segmentButton.value;
|
|
||||||
});
|
|
||||||
this.sliderComponent.slideTo(selectedIndex);
|
|
||||||
}
|
|
||||||
|
|
||||||
onSlideChanged(s: Slides) {
|
|
||||||
console.log('Slide changed', s);
|
|
||||||
|
|
||||||
const currentSlide = this.slides[s.getActiveIndex()];
|
|
||||||
this.selectedSegment = currentSlide.id;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,42 +0,0 @@
|
|||||||
<ion-header>
|
|
||||||
|
|
||||||
<ion-navbar>
|
|
||||||
<ion-title>
|
|
||||||
Segment Swipeable under Navbar
|
|
||||||
</ion-title>
|
|
||||||
</ion-navbar>
|
|
||||||
|
|
||||||
<ion-toolbar>
|
|
||||||
<ion-segment [(ngModel)]="selectedSegment" (ionChange)="onSegmentChanged($event)">
|
|
||||||
<ion-segment-button value="first">
|
|
||||||
First
|
|
||||||
</ion-segment-button>
|
|
||||||
<ion-segment-button value="second">
|
|
||||||
Second
|
|
||||||
</ion-segment-button>
|
|
||||||
<ion-segment-button value="third">
|
|
||||||
Third
|
|
||||||
</ion-segment-button>
|
|
||||||
</ion-segment>
|
|
||||||
</ion-toolbar>
|
|
||||||
|
|
||||||
</ion-header>
|
|
||||||
|
|
||||||
|
|
||||||
<ion-content padding>
|
|
||||||
|
|
||||||
<ion-slides (ionSlideDidChange)="onSlideChanged($event)" #loopSlider>
|
|
||||||
<ion-slide *ngFor="let slide of slides">
|
|
||||||
<h1>{{ slide.title }}</h1>
|
|
||||||
</ion-slide>
|
|
||||||
</ion-slides>
|
|
||||||
|
|
||||||
</ion-content>
|
|
||||||
|
|
||||||
|
|
||||||
<style>
|
|
||||||
ion-scroll {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
@ -12,12 +12,7 @@ export { AlertCmp } from './components/alert/alert-component';
|
|||||||
export { App } from './components/app/app';
|
export { App } from './components/app/app';
|
||||||
export { Avatar } from './components/avatar/avatar';
|
export { Avatar } from './components/avatar/avatar';
|
||||||
export { Backdrop } from './components/backdrop/backdrop';
|
export { Backdrop } from './components/backdrop/backdrop';
|
||||||
export { Badge } from './components/badge/badge';
|
|
||||||
export { Button } from './components/button/button';
|
export { Button } from './components/button/button';
|
||||||
export { Card } from './components/card/card';
|
|
||||||
export { CardContent } from './components/card/card-content';
|
|
||||||
export { CardHeader } from './components/card/card-header';
|
|
||||||
export { CardTitle } from './components/card/card-title';
|
|
||||||
export { Checkbox } from './components/checkbox/checkbox';
|
export { Checkbox } from './components/checkbox/checkbox';
|
||||||
export { Chip } from './components/chip/chip';
|
export { Chip } from './components/chip/chip';
|
||||||
export { Content, ScrollEvent } from './components/content/content';
|
export { Content, ScrollEvent } from './components/content/content';
|
||||||
@ -90,8 +85,6 @@ export { SelectPopover, SelectPopoverOption } from './components/select/select-p
|
|||||||
export { ShowWhen } from './components/show-hide-when/show-when';
|
export { ShowWhen } from './components/show-hide-when/show-when';
|
||||||
export { DisplayWhen } from './components/show-hide-when/display-when';
|
export { DisplayWhen } from './components/show-hide-when/display-when';
|
||||||
export { HideWhen } from './components/show-hide-when/hide-when';
|
export { HideWhen } from './components/show-hide-when/hide-when';
|
||||||
export { Slide } from './components/slides/slide';
|
|
||||||
export { Slides } from './components/slides/slides';
|
|
||||||
export { Spinner } from './components/spinner/spinner';
|
export { Spinner } from './components/spinner/spinner';
|
||||||
export { SplitPane, RootNode } from './components/split-pane/split-pane';
|
export { SplitPane, RootNode } from './components/split-pane/split-pane';
|
||||||
export { Tab } from './components/tabs/tab';
|
export { Tab } from './components/tabs/tab';
|
||||||
@ -102,7 +95,6 @@ export { Toast } from './components/toast/toast';
|
|||||||
export { ToastCmp } from './components/toast/toast-component';
|
export { ToastCmp } from './components/toast/toast-component';
|
||||||
export { ToastController } from './components/toast/toast-controller';
|
export { ToastController } from './components/toast/toast-controller';
|
||||||
export { ToastOptions } from './components/toast/toast-options';
|
export { ToastOptions } from './components/toast/toast-options';
|
||||||
export { Toggle } from './components/toggle/toggle';
|
|
||||||
export { Footer } from './components/toolbar/toolbar-footer';
|
export { Footer } from './components/toolbar/toolbar-footer';
|
||||||
export { Header } from './components/toolbar/toolbar-header';
|
export { Header } from './components/toolbar/toolbar-header';
|
||||||
export { Toolbar } from './components/toolbar/toolbar';
|
export { Toolbar } from './components/toolbar/toolbar';
|
||||||
|
@ -49,12 +49,7 @@ import { IonicApp } from './components/app/app-root';
|
|||||||
import { OverlayPortal } from './components/app/overlay-portal';
|
import { OverlayPortal } from './components/app/overlay-portal';
|
||||||
import { Avatar } from './components/avatar/avatar';
|
import { Avatar } from './components/avatar/avatar';
|
||||||
import { Backdrop } from './components/backdrop/backdrop';
|
import { Backdrop } from './components/backdrop/backdrop';
|
||||||
import { Badge } from './components/badge/badge';
|
|
||||||
import { Button } from './components/button/button';
|
import { Button } from './components/button/button';
|
||||||
import { Card } from './components/card/card';
|
|
||||||
import { CardContent } from './components/card/card-content';
|
|
||||||
import { CardHeader } from './components/card/card-header';
|
|
||||||
import { CardTitle } from './components/card/card-title';
|
|
||||||
import { Checkbox } from './components/checkbox/checkbox';
|
import { Checkbox } from './components/checkbox/checkbox';
|
||||||
import { Chip } from './components/chip/chip';
|
import { Chip } from './components/chip/chip';
|
||||||
import { Content } from './components/content/content';
|
import { Content } from './components/content/content';
|
||||||
@ -117,8 +112,6 @@ import { SelectPopover } from './components/select/select-popover-component';
|
|||||||
import { SegmentButton } from './components/segment/segment-button';
|
import { SegmentButton } from './components/segment/segment-button';
|
||||||
import { ShowWhen } from './components/show-hide-when/show-when';
|
import { ShowWhen } from './components/show-hide-when/show-when';
|
||||||
import { HideWhen } from './components/show-hide-when/hide-when';
|
import { HideWhen } from './components/show-hide-when/hide-when';
|
||||||
import { Slide } from './components/slides/slide';
|
|
||||||
import { Slides } from './components/slides/slides';
|
|
||||||
import { Spinner } from './components/spinner/spinner';
|
import { Spinner } from './components/spinner/spinner';
|
||||||
import { SplitPane } from './components/split-pane/split-pane';
|
import { SplitPane } from './components/split-pane/split-pane';
|
||||||
import { Tab } from './components/tabs/tab';
|
import { Tab } from './components/tabs/tab';
|
||||||
@ -128,7 +121,6 @@ import { Tabs } from './components/tabs/tabs';
|
|||||||
import { Thumbnail } from './components/thumbnail/thumbnail';
|
import { Thumbnail } from './components/thumbnail/thumbnail';
|
||||||
import { ToastCmp } from './components/toast/toast-component';
|
import { ToastCmp } from './components/toast/toast-component';
|
||||||
import { ToastController } from './components/toast/toast-controller';
|
import { ToastController } from './components/toast/toast-controller';
|
||||||
import { Toggle } from './components/toggle/toggle';
|
|
||||||
import { Footer } from './components/toolbar/toolbar-footer';
|
import { Footer } from './components/toolbar/toolbar-footer';
|
||||||
import { Header } from './components/toolbar/toolbar-header';
|
import { Header } from './components/toolbar/toolbar-header';
|
||||||
import { Toolbar } from './components/toolbar/toolbar';
|
import { Toolbar } from './components/toolbar/toolbar';
|
||||||
@ -190,12 +182,7 @@ import { VirtualScroll } from './components/virtual-scroll/virtual-scroll';
|
|||||||
OverlayPortal,
|
OverlayPortal,
|
||||||
Avatar,
|
Avatar,
|
||||||
Backdrop,
|
Backdrop,
|
||||||
Badge,
|
|
||||||
Button,
|
Button,
|
||||||
Card,
|
|
||||||
CardContent,
|
|
||||||
CardHeader,
|
|
||||||
CardTitle,
|
|
||||||
Checkbox,
|
Checkbox,
|
||||||
Chip,
|
Chip,
|
||||||
Col,
|
Col,
|
||||||
@ -252,8 +239,6 @@ import { VirtualScroll } from './components/virtual-scroll/virtual-scroll';
|
|||||||
SelectPopover,
|
SelectPopover,
|
||||||
ShowWhen,
|
ShowWhen,
|
||||||
HideWhen,
|
HideWhen,
|
||||||
Slide,
|
|
||||||
Slides,
|
|
||||||
Spinner,
|
Spinner,
|
||||||
SplitPane,
|
SplitPane,
|
||||||
Tab,
|
Tab,
|
||||||
@ -263,7 +248,6 @@ import { VirtualScroll } from './components/virtual-scroll/virtual-scroll';
|
|||||||
TextInput,
|
TextInput,
|
||||||
Thumbnail,
|
Thumbnail,
|
||||||
ToastCmp,
|
ToastCmp,
|
||||||
Toggle,
|
|
||||||
Footer,
|
Footer,
|
||||||
Header,
|
Header,
|
||||||
Toolbar,
|
Toolbar,
|
||||||
@ -293,12 +277,7 @@ import { VirtualScroll } from './components/virtual-scroll/virtual-scroll';
|
|||||||
OverlayPortal,
|
OverlayPortal,
|
||||||
Avatar,
|
Avatar,
|
||||||
Backdrop,
|
Backdrop,
|
||||||
Badge,
|
|
||||||
Button,
|
Button,
|
||||||
Card,
|
|
||||||
CardContent,
|
|
||||||
CardHeader,
|
|
||||||
CardTitle,
|
|
||||||
Checkbox,
|
Checkbox,
|
||||||
Chip,
|
Chip,
|
||||||
Col,
|
Col,
|
||||||
@ -355,8 +334,6 @@ import { VirtualScroll } from './components/virtual-scroll/virtual-scroll';
|
|||||||
SelectPopover,
|
SelectPopover,
|
||||||
ShowWhen,
|
ShowWhen,
|
||||||
HideWhen,
|
HideWhen,
|
||||||
Slide,
|
|
||||||
Slides,
|
|
||||||
Spinner,
|
Spinner,
|
||||||
SplitPane,
|
SplitPane,
|
||||||
Tab,
|
Tab,
|
||||||
@ -366,7 +343,6 @@ import { VirtualScroll } from './components/virtual-scroll/virtual-scroll';
|
|||||||
TextInput,
|
TextInput,
|
||||||
Thumbnail,
|
Thumbnail,
|
||||||
ToastCmp,
|
ToastCmp,
|
||||||
Toggle,
|
|
||||||
Footer,
|
Footer,
|
||||||
Header,
|
Header,
|
||||||
Toolbar,
|
Toolbar,
|
||||||
|
Reference in New Issue
Block a user