mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
feat(DomController): add DomController provider using stencil queue
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { DomController } from '@ionic/angular';
|
||||
|
||||
@Component({
|
||||
selector: 'app-card-page',
|
||||
@@ -60,8 +61,27 @@ import { Component } from '@angular/core';
|
||||
`
|
||||
})
|
||||
export class CardPageComponent {
|
||||
constructor() {
|
||||
|
||||
constructor(public domCtrl: DomController) {
|
||||
this.domControllerTest('constructor');
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
this.domControllerTest('ngOnInit');
|
||||
|
||||
setTimeout(() => {
|
||||
this.domControllerTest('setTimeout');
|
||||
}, 5000);
|
||||
}
|
||||
|
||||
domControllerTest(test: string) {
|
||||
this.domCtrl.read(readTimeStamp => {
|
||||
console.log('DomController read:', test, readTimeStamp);
|
||||
|
||||
this.domCtrl.write(writeTimeStamp => {
|
||||
console.log('DomController write:', test, writeTimeStamp);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
toggleColor() {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
import { IonicModule, DomController } from '@ionic/angular';
|
||||
import { CardPageComponent } from './card-page.component';
|
||||
import { CardRoutingModule } from './card-routing.module';
|
||||
|
||||
@@ -11,6 +11,11 @@ import { CardRoutingModule } from './card-routing.module';
|
||||
IonicModule,
|
||||
CardRoutingModule
|
||||
],
|
||||
declarations: [CardPageComponent]
|
||||
declarations: [
|
||||
CardPageComponent
|
||||
],
|
||||
providers: [
|
||||
DomController
|
||||
]
|
||||
})
|
||||
export class CardModule { }
|
||||
|
||||
@@ -1,12 +1,11 @@
|
||||
import { Injectable } from '@angular/core';
|
||||
import { HttpClient } from '@angular/common/http';
|
||||
import { Observable } from 'rxjs/Observable';
|
||||
|
||||
@Injectable()
|
||||
export class PostTestService {
|
||||
constructor(private http: HttpClient) { }
|
||||
|
||||
post(data: any): Observable<any> {
|
||||
post(data: any) {
|
||||
return this.http.post('http://localhost:5000/test', data);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user