Javascript 下划线模板变量-刚开始

下划线模板看起来很简单，但我正在进行第一次尝试，我被难倒了

我只是想在H1中显示一个人的名字

这是我的模板：

<script id="tmpl-index-list" type="text/template">
<% _.each(data, function(item){  %>
    <li>
        <a href="#person" data-transition="slide">
            <h1><%=item.personName%></h1>
        </a>    
    </li>
<% }); %>                  

IndexList.listEntires是ListEntry对象的数组，是简单的键/值对象

例如，下面是“类”：

function ListEntry(){
    this.img_url = '';
    this.personName = '';
    this.personID = '';
};

当我对其执行console.dir时，数据就在那里，但是对于模板中的item.personName，它显示为未定义

我错过了什么

---

提前感谢。

我相信问题在于您传递的数据。您正在使用

IndexList.listEntries

，但尚未提供任何示例数据

var IndexList = {
    listEntries : [
        {
            "img_url" : "http://www.gravatar.com/avatar/72b3fbc4d71d3955deca44483322da23?s=32&d=identicon&r=PG",
            "personName" : "Tim",
            "personId" : "Tim76"
        },
        {
            "img_url" : "http://www.gravatar.com/avatar/0927a92a180a7552e2119742ede9b9cf?s=128&d=identicon&r=PG",
            "personName" : "Rob",
            "personId" : "Robert Price"
        }
    ]
};

根据您的评论，

ListEntry

是一个对象数组，如

ListEntry

，我收集了一些示例数据

var IndexList = {
    listEntries : [
        {
            "img_url" : "http://www.gravatar.com/avatar/72b3fbc4d71d3955deca44483322da23?s=32&d=identicon&r=PG",
            "personName" : "Tim",
            "personId" : "Tim76"
        },
        {
            "img_url" : "http://www.gravatar.com/avatar/0927a92a180a7552e2119742ede9b9cf?s=128&d=identicon&r=PG",
            "personName" : "Rob",
            "personId" : "Robert Price"
        }
    ]
};

使用此数据，您的模板在运行时将“Tim”和“Rob”正确显示为列表项

---

我建议您再次查看您试图使用的

索引列表

数据，问题几乎肯定存在。

查看控制台中的内容：

'item'是一个数组，但item[0]显示为未定义。请发布一些

索引列表.listEntries的精确示例内容