javascript - 将变量传递给 phalcon 中 volt 模板中的函数

Question

这是我传递数据以查看的 Controller :这里我传递名为 name 的变量:

class IndexController extends ControllerBase
{
    public function indexAction()
    {
        $this->assets->addJs('js/script.js');
        $this->view->setVar('name', 'john');
    }
}

在我的 volt 文件中，我可以使用名称变量，例如创建像 {{name}} 这样的标题标签，这很好，但我想要的一件事是我想将名称变量传递给一个js函数。当我将数据从 volt 传递到我的脚本时。我的 js 文件中 name 变量的值为未定义。我该怎么做？？

<div class="form-group d-flex justify-content-center">
<h1 style="color:red;">{{ name }}</h1> //it works
<button onclick="changeLevel(1, 2,{{ name }})" type="submit" class="btn btn-block rounded buttonStyle " id="SendPhone" disabled>تایید شماره</button>
</div>

Answer 1

你的思路是正确的，但你必须想得更远一些。

此时您有以下代码:

<button onclick="changeLevel(1, 2,{{ name }})>Click</button>

通过 twig 运行此代码时您将得到以下输出:

<button onclick="changeLevel(1, 2, john)>Click</button>

这意味着，您将传递变量 john到函数changeLevel ，但是john不是 JavaScript 中的已知变量。

<小时/>

所以你真正想要做的是传递文字字符串 john ，您可以通过引用输出来实现这一点，例如

<button onclick="changeLevel(1, 2,'{{ name }}')>Click</button>

demo