使用Angular从服务器获取数据

时间:2015-02-14 23:56:11

标签: javascript angularjs

在我的用户界面中,我有两个标签相册和曲目,其中每个标签都会显示一些记录列表,具体取决于您点击的记录。

我的问题是,使用Angular.JS从服务器检索数据的最佳方法是什么,目前我所做的是,一旦页面加载,我调用URL:channels / 1响应通道obj与与通道和所有专辑的对象的子arr相关的数据以及该调用中所有轨道的另一个子对象数组。如果我单击“专辑”选项卡后单独调用“专辑和曲目”会更好,因为我已经拥有API频道/:channel_id /专辑和曲目频道/:channel_id /专辑/ 5 /曲目

在这种情况下,Angular从服务器接收数据的最佳做法是什么?

由于

1 个答案:

答案 0 :(得分:0)

创建3个工厂。一个用于频道,一个用于专辑,因为曲目是专辑的属性。

app.factory('Channels', [function(){
  return {
    get: function(){
       return arrayOfAlbums;
    }
  };
}]);

app.factory('Channel', [function(){
  return {
    getAlbums: function(){
       return arrayOfAssociatedAlbums;
    }
  };
}]);

app.factory('Album', [function(){
  return {
    getName: function(){
       return albumName;
    },
    getTracks: function{
       return arrayOfTracks;
    }
  };
}]);

在每个函数中,您都会为API创建请求。在这些工厂内部,您将拥有许多不同的功能来获取每个项目的各个方面。我上面所说的是真正的简约