Ember Array没有绑定

Question

在我的ember控制器中，我有一个空数组，它被填充在一个动作中。然后我在模板文件中迭代数组。但模板中的数组未更新。在我的控制器文件中，我正在这样做

selectFromFb2: function () {
  var instance = this;
  var count = 0;
  var jsonArr =
    [
    ];
  FB.api('/me/albums', function (resp) {
    // console.log('Albums', resp);
    for (var i = 0, l = resp.data.length; i < l; i++) {
      var album = resp.data[i];
      if (album.count > 0) {
        var cover_pic = '';
         FB.api('/' + album.cover_photo + '/picture', function (response) {
         cover_pic =  response.data.url;
          jsonArr.push({
            albumName: album.name,
            albumId: album.id,
            albumCount: album.count,
            albumCover: cover_pic
          });
        });
      }
    }
    instance.set('fb_albums_new', jsonArr);
    //$('#image-picker').modal('show');
    console.log(instance.get('fb_albums_new')); // here the array is filled
  });
} 

在我的hbs文件中，我正在做这样的事情

{{#each fb_albums_new}}
        <h4>{{unbound albumName}}</h4>
{{/each}}

对此有何看法？不应该知道什么时候更新数组并再次循环它？