JavaScriptでPhoenixコントローラ変数を使用するにはどうすればよいですか？

Question

JavaScriptでPhoenixコントローラの変数を使用するにはどうすればよいですか？

私はリアクションをフロントエンドに使用しています。

JavaScriptで<%= ... %>を使用することはできません。

Answer 1

HTML属性を作成するために値を表示してから、これをJavaScriptで取得することができます。これはむしろ一般的なprcticeです。あなたはdatahere

0についての詳細を見つけることができます

my_view.eex

<div data-name="<%= @some_name_from_controller %>" id="component"> 
</div> 

script.js

var name = $("#component").data("name"); 

：この行うことができますよう

何か

希望に役立ちます！

Answer 2

あなたはそれが窓スコープにすべてのフェニックスの変数を持って、あなたはこのすべての変数を使用することができますPhoenixGonを使用することができ、それはまた、これを取得するためのJSメソッドを生成はvarsの：

def index(conn, _params) do 
    put_gon(conn, [users: Repo.all(Users), tags: Repo.all(Tags)]) 
    render(conn, "index.html", current_user: get_session(conn, :current_user)) 
end 

とブラウザのコンソールから、またはそれを使用しますjavascriptモジュール：

window.Gon.getAsset('users') 
// => [user, user1 ...] 

これはまた、js varsとhtml.eex varsを別々の部分に保ち、そのことを明確にします。