javascript - 如何将传递的值设置到模板的字段中？

Question

在龙卷风的模板中，我从代码字典数据中传递了用户名和代码键

data = {'username' : 'pal', 'code' : 16281}

在准备好的功能中，我试图将传递的值设置为页面上的两个输入

    $(document).ready(function() {
        var d = "{{data}}";
        alert(d);
        $('#code').val({{data['code']}});
        $('#username').val(d['username']);
    });

...

<label for="username" class="ui-hidden-accessible">Username:</label>
<input type="text" placeholder="Username" name="username" id="username" class="large_input">
 <label for="code" class="ui-hidden-accessible">Code:</label>
 <input type="text" placeholder="Code" name="code" id="code" class="large_input">

警报显示字典没问题，但是当我尝试以任何方式访问时，我得到了未定义的值。我尝试使用传递的数据和 js 字典 d 但它不起作用。如何将传递的值设置到模板的字段中？

Answer 1

对于 HTML，这将起作用：

<input value="{{data["username"]}}" type="text" placeholder="Username" name="username" id="username" class="large_input">

对于您的 JS I 图像，您需要改为：

$('#code').val('{{data['code']}}');