jquery-templates - 如何使用jquery模板迭代每个命令的对象数组

Question

在 Javascript 中，我有一个 User包含 department 数组的对象像这样的对象:

user = 
{
   departments: [
        {id: 1, name: 'Department 1'},
        {id: 2, name: 'Department 2'},
        {id: 3, name: 'Department 3'}
   ]
}

使用 jquery 模板(版本 1.4.2)我想呈现一个 <select>像这样标记:

<select name="departmentId" id="department">
    {{each departments}}
        <option value="{{= id }}">{{= name }}</option>
    {{/each}}   
</select>

这不会在选项元素中产生任何值。如何使用模板访问每个部门对象的 id 和 name 属性。

Answer 1

使用它就像

<select name="departmentId" id="department">
{{each departments}}
    <option value="${idField}">${textField}</option>
{{/each}}</select>