Угловые ngresource и разные обещания

Question

Я работаю над твист-приложением. Я знаю, что это можно было легко сделать с помощью $ http, но я решил попробовать его с ngresource. Проблема, с которой я столкнулась, - это вкладка офлайн. Пользователи показывают, но не логотип или имя пользователя. Я знаю, потому что поток обещает вернуть null для пользователей, которые находятся в автономном режиме, поэтому я не могу получить логотип/имя пользователя. В любом случае, я могу каким-то образом отфильтровать свой массив $ scope.all и отключить офлайн-пользователей на вкладке офлайн? Любая помощь будет принята с благодарностью!

http://codepen.io/labanch/pen/OXdKmK?editors=1011

.controller('TwitchController', ['$scope','$q', 'TwitchAPIChannel', function($scope, $q, TwitchAPIChannel) { 

    var users = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]; 
    //var offlineUsers = []; 

    // Create promise for each channel/stream and store both in an empty object 
    var channelPromises= users.reduce(function(map, user) { 
     map[user] = TwitchAPIChannel.Channels.get({channel: user}).$promise; 
     return map; 
    }, Object.create(null)); 

    var streamPromises = users.reduce(function(map, user) { 
     map[user] = TwitchAPIChannel.Streams.get({channel: user}).$promise; 
     return map; 
    }, Object.create(null)); 



    // Calling promises for each channel/stream 
    $q.all(channelPromises).then(function(channels) { 
     $scope.allUsers = []; 
     //pushing all channels to the allUsers array 
     angular.forEach(channels, function(channel) { 
      $scope.allUsers.push(channel); 
     }); 
    }); 

    $q.all(streamPromises).then(function(streams) { 
     $scope.onlineUsers = []; 
     var offlineUsers = []; 
     $scope.offlineUsers = []; 
     angular.forEach(streams, function(stream) { 
     if(stream.stream){ 
      $scope.onlineUsers.push(stream); 
     } else { 
      $scope.offlineUsers.push(stream); 
     } 
     }); 
    }); 

    //tabs 
    this.tab = 1; 
    this.setTab = function (tabId) { 
     this.tab = tabId; 
    }; 
    this.isSet = function (tabId) { 
     return this.tab === tabId; 
    }; 

    }]) 

// Twitch API Factory using $resource 
.factory('TwitchAPIChannel', function TwitchAPIFactory($resource){ 
    return { 
    Channels: $resource('https://api.twitch.tv/kraken/channels/:channel', {}, { 
     get: { 
      method: 'GET', 
      headers: { 
       Accept: 'application/vnd.twitchtv.v3+json', 
       'Client-ID': 'haibznywychj91wl2j76x1v1mx1rgwf' 
      } 
     } 
    }), 
    Streams: $resource('https://api.twitch.tv/kraken/streams/:channel', {}, { 
     get: { 
      method: 'GET', 
      headers: { 
       Accept: 'application/vnd.twitchtv.v3+json', 
       'Client-ID': 'haibznywychj91wl2j76x1v1mx1rgwf' 
      } 
     } 
    }) 
    }; 
}) 

Answer 1

Ваш нг щелкните на вкладке Offline было неправильно. изменить его от этого:

ng-click="tab = tab==2 ? a : 1" 

к этому:

ng-click="tab = tab==3 ? a : 3" 

Смотрите здесь: http://codepen.io/anon/pen/KgLmjJ?editors=0001