問題タブ [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.
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 に関連するいくつかの基本的なことでしょうか?
dom - ポートと DOM レンダリング
Elm アプリで CodeMirror を使用してみてください。
update
そのような関数からテキストエリアをバインドします:
runCodemirror
ポートはどこですか:
問題はports.runCodemirror
、テキストエリアが DOM に表示される前にイベントが発生することです。
私はそれを解決しようとしsetTimeout
ます:
しかし、それは醜いです。100ms は遅すぎます。点滅が見えます。
私が持っている他のオプション: CodeMirror を非表示のテキストエリアまたは MutationObserver API にバインドします。
より良い方法はありますか?
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 があることを願っています。これを行う方法。
codemirror - Elm 用の埋め込み可能なコード エディターはありますか?
Elm Web ページにCodeMirrorやAceなどのコード エディター ウィジェットを配置したいと考えています。残念ながら、CodeMirror と Ace は DOM を変更するため、Elm では機能しません (少なくとも、これらが機能しない理由は私には理解できます)。
少なくとも<textarea>
学生がコードを提出するよりも優れたものが必要です。そして、コードを表示します。今のところ、自動インデントと構文強調表示だけです。