在 Django 模板中运行 javascript 变量

Question

我有变量 bbb = "youmightalsolike.0.title";在 django 模板文件的 javascript 中。我想在变量 bbb 中添加 {{ 和 }}，就像我在 aaa 中所做的那样，例如它与 我想要的输出 42 完美运行。

        var aaa = {{youmightalsolike.0.title}};
        console.log("aaa = "+aaa);              //aaa = 42

我试过用这些没用的。也许我不知道 concantinate。 同样，我不知道确切的值是什么，所以 我不能直接写 {{youmightalsolike.0.title}} 因为这个值“youmightalsolike.0.title”必须来自 onclick 函数。

        var bbb = "youmightalsolike.0.title";
        console.log("bbb = "+bbb);              //bbb = youmightalsolike.0.title
        var ccc = "{{bbb}}"; 
        console.log("ccc = "+ccc);              //ccc = undefined

Answer 1

当您在 django 模板中将变量分配给 javascript 时，在适当的地方添加语音标记非常重要。

如果youmightalsolike.0.title是在上下文中传下来的python变量：

django 模板语言也会生成一个 javascript 文件，完全按照您的说明进行。因此，如果 youmightalsolike.0.title 等于 "Gladiator" 例如，这将导致（在 django 呈现您的模板之后）：

var bbb = "youmightalsolike.0.title"
console.log("bbb = "+bbb);              //bbb = youmightalsolike.0.title
var ccc = Gladiator;            //here you're setting ccc to undefined
console.log("ccc = "+ccc);

现在除非您在 javascript 中进一步定义了一些名为 Gladiator 的变量，这就是为什么 ccc 未定义的原因。

要纠正这个问题，您需要做的是：

var bbb = "{{youmightalsolike.0.title}}";

渲染时，这将导致：

var bbb = "gladiator"

这将为您提供所需的结果。

编辑：如果 youmightalsolike.0.title 来自 javascript 事件：

在这种情况下，您根本不需要使用 django 模板语言。 django 所做的所有渲染都发生在服务器端。它会生成一些 HTML 或 javascript（或任何类型的文本）。然后将其发送到客户端并作为网站加载。从此时起，Django 不再涉及任何内容（除了 API 调用），因此您想要对变量执行的任何操作都应该是纯 JavaScript。您将无法在 {{...}} 或模板标签中使用任何模板变量。

我不再 100% 确定您要达到的目标，但我希望以上内容有所帮助。