javascript - View 不使用数据呈现

Question

js 应用没有显示它应该显示的内容。

这是应用程序:http://jsfiddle.net/5sded/

它应该循环遍历食谱，但它没有显示任何内容。这是 html:

<div id="recipes">
        <div class="recipeContainer">
            <img src="img/placeholder.png"/>
            <ul>
                <li>Name</li>
            </ul>
        </div>
        <script id="recipeTemplate" type="text/template">
            <img src="<%= image %>"/>
            <ul>
                <li><%= name %></li>
            </ul>
        </script>
</div>

也没有弹出任何错误。

Answer 1

2 你的代码有问题..

第一个backbone对 underscore 有硬依赖 .

加载库的顺序很重要

---> Underscore

---> Backbone

看起来你是先加载主干。

Check Fiddle

第二个问题是你的模板中有这个<%= image %>

哪里image属性在默认属性的对象数组中都不可用。

将其替换为 <%= url %>反而。这应该能让代码正常工作。

此外，我更喜欢在初始化 View 时传递集合。不过，这与错误无关。

var recipesView = new RecipesView({
    collection : new Recipes(recipes)
});