問題タブ [riot.js]

Node + Riot.js + Grapnel ルーティング ライブラリ (クライアントとサーバーの両方で動作します) を使用しています。クライアントでルーティングを設定する方法はわかりましたが、サーバーで機能させる方法がわかりません。

クライアント ルーターの現在の機能は単純です。適切なコンポーネントに送信opts.routeするだけで、要求されたページ (コンポーネントでもあります) が にマウントされますdiv。

しかし、それはto をriot.render(tag, {page: 'dashboard'})マウントしません。<x-page-dashboard>#app-body

ラッパーを削除するthis.on('mount update' ...と、エラーが発生します

Node は DOM 操作を実行できないため、これは明らかです。

このように、コンポーネントを動的にロードしようとしました

同形レンダリング + ルーティングを実装する方法はありますか? 私はほとんどそこにいます。何らかの方法でコンポーネント名をoptsを介して動的に渡す必要があるだけです

サーバー側で暴動タグをレンダリングしようとしていますが、これは正常に機能します。タグはサーバー側でレンダリングされ、クライアントに読み込まれます。riot.route を使用してルートの定義とともにタグを定義しようとすると、問題が発生します。タグは対応する Js ファイルにコンパイルされますが、ルートにアクセスすると内部サーバー エラーが発生し、コンソールに記録されたエラーは riot.route is not a function です。

タグのスクリプト セクションに暴動ルートのコードを記述します。

ここでのデータは、datastore オプションを介して server.js ファイルから取得され、json データです。

タグを5回繰り返すだけです。ドキュメントを読みましたが、次のようなことを行う方法がわかりませんでした。

私はこの醜い方法だけを見つけました：

クライアント側で Riot.js を使用し、サーバー側で Node.js Express を使用して Web アプリケーションを開発しています。Riot.js は JSON データをマウントでき、HTML のレンダリングに使用できます。実際、サーバー側にいくつかの JSON データがあり、それらを Riot.js で使用したいと考えています。

現在、エクスプレス サーバーのコードは非常に単純です。

私の質問には HTML テンプレートが役立つと思います。しかし、Riot.js では答えが見つかりませんでした。サーバーからデータを使用してレンダリングするにはどうすればよいですか?

• Node & Express - 単一のリクエストでページと一部の JS データをブラウザーに送信するにはどうすればよいですか?

データが次のようにクライアント側にある場合、データをマウントする方法を知っています。

環境

• Node.js v5.3.0
• エクスプレス v4.13.3

私はPolymerに非常に慣れていないため、「順序付きリストの独自のバージョン」のようなものを作成する方法を探していました。

(ところで、私はriotjsも見ていて、そこで同様のことをしようとしています。それがどのように機能するかを理解するためだけです。したがって、riotjs について何か知っている場合は、遠慮なく回答も投稿してください)

私のhtmlは次のようになります。

そして、次のような 2 つの dom-modules を生成します。

それはすべて機能しますが、「ネイティブ」な ol のように機能させたい場合は、アイテムの番号を出力に追加できるはずです。

それが可能かどうかは誰にもわかりません。

（私の最終的な目標は、それを機能させることです-もちろん、olの正確なコピーではありません。これは、私がやりたいことと十分に類似している例にすぎません-そして、個々のリスト項目をcontentEditableにし、どうにかしてそのコンテンツを取り戻すことができますが、まず最初に)

サーバー/クライアント側のレンダリングhtmlにejsとriot.jsを使用するWebアプリケーションを開発しています。私が聞きたいのは、サーバーから ejs を介して riot.js にデータをレンダリングすることです。この質問のために、ユーザーの情報を html にレンダリングする例を用意しました。

実際、データを html に渡すことはできましたが、ejs の JavaScript を介して情報をレンダリングする方法に自信がありませんでした。何か良い方法があればご教授ください。

server.js (エクスプレス)

index.ejs

riot のカスタムタグに ejs で渡します。これは良いマナーですか？

navbar.tag

環境

• node.js v5.3.0
• 暴動.js v2.3.12

browserify で riot カスタム タグを使用しようとしています。

これが私のpackage.jsonです

これが私のindex.jsです。

エラーと何がうまくいかないのか混乱しています。翡翠を問題なくhtmlにコンパイルできます。これがドキュメントの例です。https://github.com/jhhorsen/riotify#usage

RiotJS を使用して、ユーザーが変更できる contenteditable div を持つ単純な要素を作成しました (myFunction はいくつかの基準に従ってスタイルを設定します)。

今、私は自分のウェブサイトの最初と最後にその要素を持ちたいと思っており、それらは互いに同期している必要があります...それはまったく可能ですか?

そうでない場合、一方向のデータバインディングを行うことは可能ですか (上部の要素の変更は下部の要素に表示されますが、必ずしもその逆ではありません)。

または、単純にテキスト (編集不可で、同じ riot 要素を含まない) を下部に表示することもできます...

RiotJS 要素: (コードはこれまでのところ機能していますが、コードの一部にいくつかの小さなエラーがある可能性があります。これは、私が作業しているものを削減し、わずかに変更したバージョンであるためです :-))

HTML でのマウント:

注: 私は web2py フレームワークを使用しています。

の部分が由来です。

テンプレート string があります"<a onclick={ parent.foo }>Link</a>"。他のタグに渡して、正しくレンダリングしたい。コードの短い例を追加しました。うまくいきません。必要なものを表示してみてください。

ドキュメントを読みましたが、URL（ハッシュ）の変更の結果として変更されるルートを処理しますが、ブックマーク/リロードのルーティングを処理する方法については説明していません。

最小限のルーターであることは理解していますが、ブラウザが更新されたときにルートの読み込みを処理できる必要がありますか?