Javascript 在ExtJS模板中的数组上迭代

我使用ExtJS将AJAx调用中的一组数据应用于

Ext.Template

。其中一个元素是字符串数组

var data = {
  name: "I am Here!",
  messages: ['aaa', 'bbb', 'ccc', 'ddd']
};

我已经这样定义了模板

var tpl = new Ext.Template(
  '<h2>{name}</h2>',
  '<tpl for="{messages}">',
    '<p>{.}</p>',
  '</tpl>'
);

var tpl=新的外部模板(
“{name}”，
'',
“{.}
”，
''
);

当我将此模板应用于数据时，它会逐字显示

{.}

，而不是打印每个元素。我在ExtJS中使用数组进行的大多数搜索都使用这种格式。这是小提琴

---

我尝试使用阵列的方式有什么问题？

对于阵列和其他高级功能，您需要使用Ext.XTemplate。此外，请删除邮件周围的括号

var tpl = new Ext.XTemplate(
    '<h2>{name}</h2>',
    '<tpl for="messages">',
        '<p>{.}</p>',
    '</tpl>'
);

var tpl=new Ext.XTemplate(
“{name}”，
'',
“{.}
”，
''
);