绑定Restful数据

我有一个关于for循环和restful api绑定数据的问题。

在我的。js视图中有以下代码:

ZonesPage.prototype.contentLoaded = function(args) {
 var page = args.object;
 var array = new observableArray.ObservableArray([]);
 var myarray = new observableArray.ObservableArray([]);
 fetchModule.fetch("http://www.beer-tutorials.org/beers/beers.json").then(function(r){
   for (i = 0; i < r.length; i++){
    var zone = {name: r[i].name, description: r[i].description}
    array.push(zone);
   }
   console.log(JSON.stringify(r));
}, function(error){
  console.log(JSON.stringify(error));
})
  myarray.push({title: "Title1", name: "hola"});
  myarray.push({title: "Title2", name: "hola2"});
  page.bindingContext = {myItems: array};
}

当我将包含api数据的数组设置为绑定时，没有任何事情发生，并且在我的控制台中没有错误。但当绑定到myarray视图时，一个带有我的标题和名字的漂亮列表。

for怎么错了?或者它在我的var区域?

在我的xml文件:

<ListView id="listview" items="{{ myItems }}">
   <ListView.itemTemplate>
      <StackLayout orientation="horizontal">
      <Label text="{{ description }}" />
      <Label text="{{ name }}" />
      </StackLayout>
   </ListView.itemTemplate>
 </ListView>