問題タブ [riot]

私はRiotJSを初めて使用します（昨日発見したばかりです）。ちょっとした実験を試みましたが、うまくいきませんでした。2 つのタグ ファイル (navbar.tag と dropdown.tag) を作成しました。それぞれは可能な限りシンプルで、ファイル名の h3 タグのみです。

私の index.html ページでは、次のように navbar タグ内にドロップダウン タグをネストしたいと考えています。

それはうまくいきません。Navbar は表示されますが、ドロップダウンは表示されません。2 つのタグを分離した場合にのみ、両方が機能します。つまり、次のようになります。

HTMLページ内にさまざまなタグをネストする方法を教えてください。それらを .tag ファイル内にネストできることは知っていますが、それは私がやりたいことではありません。私が欲しいのは、HTML ページで作成したカスタム タグをネストする柔軟性です (通常の HTML タグでできるように)。

何か案は？

ありがとう。

form タグを使用していて、nav タグを更新したい場合。form タグでイベントが発生したとき。riot.update(); なしでナビを更新するにはどうすればよいですか?

別のページ

暴動オブザーバブルは再帰関数では機能しませんか?

イベントを連続して発生させることはできません

プランカー: ijOIsQMSt37wqAvIFGx6

これどうやってするの？

（同様の質問に対する回答がないことを知ると、少し意気消沈します）

テストが typescript のモジュールと並んで配置されるフォルダー/ファイルをセットアップします。単純なものを機能させようとしていますが、あまりうまくいきません。

Typescript 設定:

カルマ構成:

テスト ファイル: stockmarket-service_test:

test-main (ルートにある)

karma startブラウザー レポートを使用してテストを実行すると:Uncaught Error: Module name "stockmarket-service" has not been loaded yet for context: _. Use require([])

仕様に含めたので、それは奇妙です。

完全なプロジェクトはこちら (WIP): https://github.com/sidouglas/riot-ts

実験中の基本的なボタン タグがありますが、Riot JS が以下をレンダリングしない理由がわかりません。

「ログイン」を<span>タグでラップすると、正しくレンダリングされます。

<script>カスタム riot タグ内で myを定義したので、HTML として評価されると思います。代わりにLogin is not defined、ブラウザでエラーが発生します。

HTML としてレンダリングしたい場合、このテキストをエスケープする必要がある方法はありますか、それとも何か不足していますか?

コードにES2015を使用し、Riotも使用しているプロジェクトがあります。
(ただし、Riot コンポーネントは ES2015 である必要はありません。古い JS だけです)
プロジェクトのビルドには Webpack も使用しています。

私が得ている問題は次のとおりです。

"ERROR in ./src/test-tag.tag
Module parse failed: .../tag-loader/index.js!.../riotjs-loader/index.js?{"type":"none"}! .../test-tag.tag 予期しないトークン (5:18) このファイル タイプを処理するには、適切なローダーが必要な場合があります。"

暴動コンポーネントのスクリプトコードの見た目が原因で、不平を言っています。関数は、宣言のためにこれだけを持つ必要がありますfunctionName() { /* the code */ }。キーワードはありませんfunction。

ここに私の完全なプロジェクトがあります

app.js

テストタグ.タグ

index.html

パッケージ.json

webpack.config.js

これで、コードがコメントアウトされているため、ボタンをクリックしても何も起こらないことを除いて、すべて期待どおりに機能します。
のclick_action行test-tag.tagがコメント解除されている場合$ webpack、この (恐ろしく巨大な) 質問の上部に引用されているエラーが発生します。

標準の暴動コードを受け入れるように webpack を取得する方法はありますか?
または
、webpack が文句を言わない方法で riot の内部関数を定義できる別の方法はありますか?

これにより、Error TS2307: Cannot find module 'wnumb'.

しかし、もしそうなら：

コンパイルします。

https://github.com/retyped/wnumb-tsd-ambient/blob/master/wnumb.d.tsのタイピングを使用し て、AdvancedSlider クラスでハンドルを取得する必要があるため、前者を実行する必要があります。

私は何を間違っていますか？

2016 年 8 月 2 日編集

それを機能させることができませんでした。

使用済み：

これは私には失敗のようです。先に進む...

次のように HTML にデータを挿入しました。

ユーザーが次のようにテキストを編集できるように、spanタグをマウスクリック時に変換しようとしています。textarea

問題は、ユーザーがテキストを編集した後にテキストエリアを離れると、focusGone関数が定義されていないというエラーがスローされることです。

これを riotjs で機能させるにはどうすればよいですか?