問題タブ [elm-port]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
72 参照

elm - Elm 出力ポートが StartApp から派生したシグナルで機能しない

Elm の基本を学習し、次の設定でオーディオ出力を備えた簡単なアプリケーションを構築しています。

  • Elm の StartApp を使用しています。
  • 一部のPOCオーディオロジック(およびconsole.log)を備えたports/audio.jsがあります。
  • ATM elm-liveを使用してアプリケーションを実行しています。

Time.every から派生したシグナルにより、ポートが機能します (ports/audio.js のコードが実行されます)。さらに、Debug.log で「ping」ログを取得します。

ただし、StartApp のApp .modelから派生したシグナルを使用すると、シグナルは取得されますが (Debug.log で「ping」ログが記録されるため)、JS へのポートは機能しません (ports/audio.js のコードは実行されません)。 )?

これは、Elm シグナル/ポート/StartApp に関連するいくつかの基本的なことでしょうか?

0 投票する
2 に答える
100 参照

dom - ポートと DOM レンダリング

Elm アプリで CodeMirror を使用してみてください。

updateそのような関数からテキストエリアをバインドします:

runCodemirrorポートはどこですか:

問題はports.runCodemirror、テキストエリアが DOM に表示される前にイベントが発生することです。

私はそれを解決しようとしsetTimeoutます:

しかし、それは醜いです。100ms は遅すぎます。点滅が見えます。

私が持っている他のオプション: CodeMirror を非表示のテキストエリアまたは MutationObserver API にバインドします。

より良い方法はありますか?

0 投票する
6 に答える
2350 参照

javascript - Elm の新しい Web ページに移動するコマンド

リンクをクリックするのと同じように、Elm の新しい Web ページに簡単に移動する方法はありますか?

クリックするbuttonと、ユーザーを別のWebページに移動させたいと思っています。aそれを要素にして、CSS を使用してボタンのようにスタイルを設定できることはわかっています。ただし、elm-mdlマテリアル デザイン ライト ボタンの作成に使用していますが、これを行う方法を知りたいです。

を作成GoTo String Msgしてボタンクリックで起動しようとしましたButton.onClick (GoTo "newpage.html")が、 に何を入れればよいかわかりませんCmd。私は次のことを試しました:

しかし、それはアドレスバーの URL を変更するだけで、ユーザーは実際には新しい URL に移動しません... ポートを使用して、単純な JavaScript コードを記述して を呼び出すことができます。window.location.href = 'newpage.html'単純な標準の Elm があることを願っています。これを行う方法。

0 投票する
2 に答える
904 参照

codemirror - Elm 用の埋め込み可能なコード エディターはありますか?

Elm Web ページにCodeMirrorAceなどのコード エディター ウィジェットを配置したいと考えています。残念ながら、CodeMirror と Ace は DOM を変更するため、Elm では機能しません (少なくとも、これらが機能しない理由は私には理解できます)。

少なくとも<textarea>学生がコードを提出するよりも優れたものが必要です。そして、コードを表示します。今のところ、自動インデントと構文強調表示だけです。