在 Ionic 2 上的 PouchDb 中设置和插入数据答案

【问题标题】：Setting up and inserting data in PouchDb on Ionic 2在 Ionic 2 上的 PouchDb 中设置和插入数据
【发布时间】：2017-07-26 03:32:53
【问题描述】：

大家好，我对 Ionic 2 完全陌生，

但我已经知道 js/ts 和所有有趣的东西了。现在我想在我的 ionic 应用程序中使用 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....is no fuction 当我在启动时输入一个错误，因为我的“setData”函数不知道“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 {}

我认为这就是现在的一切。谢谢你的帮助

【问题讨论】：

标签： javascript ionic-framework ionic2 pouchdb

【解决方案1】：

首先，您需要安装 SQLite 提供程序。这是使用 SQLite 作为数据库在 Ionic 中设置 PouchDb 的教程。

https://gonehybrid.com/how-to-use-pouchdb-sqlite-for-local-storage-in-ionic-2/

如果您需要更多帮助，请发表评论，我会改进答案。

【讨论】：