javascript - Ember js 和 Handlebars - 每个都不起作用

Question

我是 Ember.js 新手，我正在尝试了解它。

我有以下代码( http://jsfiddle.net/6wPmW/ 作为工作示例):

     <script type="text/x-handlebars">
                    <div id="ViewAddresses" class="location_search_results selected_searches clearfix">

                        <div>

                                    <div>
                                    {{#each MapSearch.ViewAddressesC}}
                                        <div class="row">ghfdg</div>
                                    {{/each}}
                                    </div>


                        </div>
                    </div>
                </script>​

JS:

MapSearch = Ember.Application.create();
MapSearch.ListAddress = Ember.Object.extend({
    list_info: null,
    node_level: null,
    node_value: null,
    removed_properties: null

});
MapSearch.ViewAddressListC = Ember.ArrayController.create({
    content: [],
    initialize: function() {
        me = this;
        var l = MapSearch.ListAddress.create({
            node_level: "test",
            node_value: "test"
        });
        me.pushObject(l);
        var l = MapSearch.ListAddress.create({
            node_level: "test",
            node_value: "test"
        });
        me.pushObject(l);
        console.log(me);
    }

});
MapSearch.ViewAddressListC.initialize();
console.log(MapSearch.ViewAddressListC.get("content"));​

我当然应该得到两个 <divs>从每个循环创建？

Answer 1

错误出现在您的模板中:

{{#each MapSearch.ViewAddressesC}}

应该是

{{#each MapSearch.ViewAddressListC}}

参见this JSFiddle .