如何在JavaScript中使用Phoenix控制器变量? [英] How to use a Phoenix controller variable in JavaScript?

问题描述

如何在JavaScript中使用Phoenix控制器中的变量?

How do I use a variable from Phoenix controller in my JavaScript?

我正在使用React作为前端.

I'm using React for front-end.

我无法在JavaScript中使用<%= ... %>.

I can't use <%= ... %> in JavaScript.

defmodule Familytree.PageController do
  use Familytree.Web, :controller

  alias Familytree.Users
  alias Familytree.Tags
  alias Familytree.UserTag

  plug Familytree.Plugs.Auth
  plug :scrub_params, "users" when action in [:create, :update]
  plug :scrub_params, "tags" when action in [:add_tag,:delete_tag]

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

推荐答案

您可以尝试在视图中呈现值以构建HTML属性，然后使用您的JavaScript获得此属性，这是很常见的做法.

You could try rendering the value in view to build HTML attribute and then obtain this with your JavaScript, which is rather common prctice.

类似的事情可以做到:

my_view.eex

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

script.js

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

您可以在data 此处

希望有帮助！

这篇关于如何在JavaScript中使用Phoenix控制器变量?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！