イオン2に完全に新しいこんにちはみんなイム、は設定と挿入PouchDbでデータをイオン2に
しかし、私はすでにのJS/TSを知っているし、すべてが楽しいもの。今、私はここに私のイオンアプリでPouchDbを使用したい私のhome.tsファイルされる:
import { Component } from '@angular/core';
import * as PouchDB from 'pouchdb';
import cordovaSqlitePlugin from 'pouchdb-adapter-cordova-sqlite';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
}
PouchDB.plugin(cordovaSqlitePlugin);
var db = new PouchDB('test', { adapter: 'cordova-sqlite' });
function setData(data) {
var todo = {
title: data,
completed: false
};
db.post(todo, function callback(err, result) {
if (!err) {
console.log('Successfully posted a todo!');
}
});
}
function getData() {
console.log(db.allDocs);
}
は、ここに私の最初の問題var db = new PouchDb....
は、私はスタートアップ関数に入れたときに、私は私の「のsetDataため、エラーを取得する一切のfuctionありません"関数は" db "が何であるかを知りません。どうすれば修正できますか?そして私の輸入品は正しいのですか?
次の質問も私のapp.module.tsファイルにそのものをインポートする必要がありますか?プロバイダーが必要ですか?
import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
@NgModule({
declarations: [
MyApp,
AboutPage,
ContactPage,
HomePage,
TabsPage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
AboutPage,
ContactPage,
HomePage,
TabsPage
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler}]
})
export class AppModule {}
私は今のところそれがすべてだと思います。ご協力ありがとうございます