2017-07-25 27 views
0

嗨,大家好即時通訊完全新的離子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錯誤「函數不知道」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 {} 

我認爲這就是現在的一切。感謝您的幫助

回答