使用Angular从服务器获取数据

Question

在我的UI中，我有两个选项卡“专辑”和“曲目”，其中每个选项卡都显示一些记录列表，具体取决于您单击的那个。

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

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

谢谢

Answer 1

创建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创建请求。 在这些工厂内部，您将拥有许多不同的功能来获取每个项目的各个方面。 我上面所说的是真正的简约