2016-11-29 6 views
0

は今、私のindex.htmlの中で、私は角2:ウェブ専用アプリケーションでnedbを使用するにはどうすればよいですか?

<script src="node_modules/nedb/browser-version/out/nedb.min.js"> </script> 

<script>var nedb = new Nedb({filename: 'someFile2', autoload: true}); 
</script> 

これは、Google ChromeブラウザでのIndexedDBの下で持続的なnedbデータベース「someFile2を」ロードを行う必要があります。

メインアプリケーションコンポーネントまたはモジュール経由でnedbをブートストラップするにはどうすればよいですか?私はアプリケーションコードを介してnedbデータベースを作成できるようにしたい。

は、私が最近Angular2 +電子プロジェクトにNeDBをインポートするいくつかの時間を費やし、角2

答えて

0

でSystemjsを使用しています。最終的に私はそれを行うことができたので、ここで私はそれをやった方法です。私はそれが非電子プロジェクトでそれを行うのに十分に近いことを望む。

まず、nedb@types/nedbの両方がインストールされていることを確認してください。

npm install -S nedb 
npm install -S @types/nedb 

あなたはどこnedbを見つけるためにSystemJSを指示する必要があります。

'nedb': 'npm:nedb/browser-version/out/nedb.min.js' 

インポートあなたの角度でDatastoreモジュール:これを行うには、(これは、あなたが「パス」オブジェクトの「NPM」のパスを指定したと仮定し)systemjs.config.jsのマップオブジェクトに以下の行を追加します。 2ファイル:

import * as Datastore from 'nedb'; 

あなたは今、例えば、あなたのコード内のデータストアの新しいインスタンスを作成することができるはずです。

constructor() { 
    let db = new Datastore(); 
    db.loadDatabase(function() { 
    // ... 
    }); 
} 

私はこのことができます願っています。

0

Alberto Venturiniの回答です。 Angular2 CLIに

を使用してAngular2 +電子プロジェクトはどこNeDBを見つけるために伝えるために、あなたのルートフォルダに.angular-cli.jsonNeDBへのパスを追加するために

"scripts": [ 
     "../node_modules/nedb/browser-version/out/nedb.min.js" 
] 
関連する問題