2017-06-26 20 views
2

私は2つの質問を持っていますの動的インポート:流星1.5:ブレイズ

1)私はブレイズのため流星1.5ダイナミックインポートを使用したいが、すべての例とチュートリアルがリアクトのために与えられています。だから私はそれがどのくらい正確に使えるのか混乱しています。誰もそれの例を与えることができます。

2)私は、管理ダッシュボード側でのみ必要なamchartsのようなatmospherejs.comのパッケージを使用しています。それらを動的にインポートする方法は?

ありがとうございました!

答えて

0

それはかなりまっすぐ進む例リンクhttps://github.com/thesaucecode/meteor-amcharts-example/blob/master/client/example2.jsを使用している、あなたはちょうどあなたがvar chartなどの反応-VARを使用することができますその上でTemplate.MYTEMPLATE.onRendered(function(){});

内のコードを記述する必要があります。

+0

Amchartsの表示に問題はありません。 Homepageの読み込み後にamchartを動的にインポートしたい、つまりAmchartを私の最初の流星バンドルの一部にしたくない。最初にホームページだけをロードし、次に他のモジュールをロードすることを望んでいました。 – Rashmi

0

動的に次のようにブレイズが使用メテオ1.5にモジュールをインポートするための基本技術:

Template.theTemplate.events({ 
    'click button'(event, instance) { 
    import("foo").then(Foo => { 
     console.log(Foo); 
    }); 
    } 
}); 

は明らかにいくつかのリファクタリングをする際に必要とされる可能性があるため、あなたのモジュールがインポートされているかをよく見てとることを確認してくださいあなたのコードでそれを呼び出す。たとえば、 "zxcvbn" を使用して:

​​

はとてもダイナミックな輸入によって駆動されるように、私は私自身の管理パネル、Meteor Candyを、開発しています

const result = zxcvbn.default(pwd); 
1

、IS WAS私はそれがどのように働いているかを分かち合うことができて嬉しいです

まず、我々はview.html持っている:私たちはちょうどそのコードをインポートしてあることを私たちのテンプレートをトリガする必要があり、最後に

import { Template } from 'meteor/templating'; 
import { Meteor } from 'meteor/meteor'; 
import { Blaze } from 'meteor/blaze'; 

import './view.html'; 

API = {} 

API.render = function() { 
    Blaze.render(Template.admin, document.body); 
} 

export { API } 

<template name="admin"> 
    Admin 
</template> 

第二に、私たちはJSのロジックを持っていますページにレンダリング:

openAdmin = function() { 
    import('./imports/admins').then(function (api) { 
     api.render() 
    }) 
} 

openAdmin()関数が実行されると、テンプレートsがサーバーからインポートされ、レンダリング関数が呼び出されます。

+0

お返事ありがとうございます。ファイル構造を共有していただけますか?実際に私はコンソールでエラーが発生している=>未知(約束)エラー:モジュール './imports/admins'を見つけることができません – Rashmi

+0

私はこのレポで同様の例を持っています、そこに典型的なファイル構造を見ることができます:https:// github .com/msavin/dynamic-import-example –