Ember.js模板

Question

使用Ember.js使用{{#each}}标签时非常infinte环路我得到下面的代码无限循环：

控制器：

App.activityDetailsController = Em.Object.create({ 
    activityBinding :  'App.navController.selectedActivity', 

    data : function(){ 
    var things = new Array(); 
    if(this.activity){ 
     var info = this.activity.get('info'); 
     var len = info.length; 
     for(var i=0; i<len; i++){ 
     for(prop in info[i]){ 
      things.push({"key": prop, "value" : info[i][prop]});  
     } 
     } 
    } 

    return things; 
    }.property('activity')  
}) 

查看：

App.ActivityDetailsView = Em.View.extend({ 
    templateName :  'activity-details', 
    activityBinding :  'App.activityDetailsController.activity', 
    dataBinding :   'App.activityDetailsController.data' 

}) 

模板：

<script type="text/x-handlebars" data-template-name="activity-details"> 
    <div id="info"> 
     {{#each data}} 
      {{key}}: {{value}}<br /> 
     {{/each}} 
    </div> 
    </script> 

尝试加载此页面时，控制器中的'数据'功能被无休止地调用。

如果我从视图中删除{{#each}} {{/ each}}块，则没有任何问题，并且在模板中使用{{data.length}}会提供正确的输出。

任何想法为什么这会无休止地循环？如果我从房产调用中删除“活动”，问题是一样的。

感谢，

Answer 1

让你的 “数据” 属性cacheable()。有关相关问题，请参阅ebryn's answer。