如何将传递的值设置为模板的字段？

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">

Alert显示字典还可以，但是当我尝试以任何方式访问时，我都得到了未定义的值。 我尝试使用传递的数据和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']}}');