Asynchronous data streams

Basics

for(var i=0, ii=team.length; i<ii; i+=1){
  console.log(team[i].name);
}

team.forEach(function(member){
  console.log(member.name);
});

var newTeam = [];
for(var i=0, ii=team.length; i<ii; i+=1){
  newTeam.push(team[i]);
}

var onlyNames = team.map(function(member){
  return { name: member.name };
});

var onlyOver100Commits = [];
for(var i=0, ii=team.length; i<ii; i+=1){
  if (team[i].commits>100) {
    onlyOver100Commits.push(team[i]);
  }
}

var onlyOver100Commits = team
  .filter(function(member){
    return (member.commits>100);
});

var total = 0; // initial value
for(var i=0, ii=team.length; i<ii; i+=1){
  total = total + team[i].commits;
}

var total = team
  .reduce(function(total, member){
    return total + member.commits;
}, 0);

team
  .filter(over100Commits)
  .map(projectName)
  .map(toUpperCase)
  .forEach(log);

function over100Commits(member){
  return (member.commits>100);
}

function projectName(member){
  return member.name;
}

function toUpperCase(input){
  return input.toUpperCase();
}

----0----1----2----3----> rx.interval(5000)

$scope.counter = 0;
rx.Observable
 .interval(5000) 
 .take(3)
 .safeApply($scope, function(x) { 
   $scope.counter = x; 
 })
 .subscribe(); // shows 0, 1, 2

Observable

Operations

Subscribe

Key concepts

observable.subscribe(
  function onNext(value){
    console.log(value);
  }, 
  function onError(error){
    console.log(error);
  }, 
  function onCompleted(){
    console.log('Completed');
  });

var observer = rx.Observer.create(
  function onNext(result){ 
    console.log(result); 
  },
  function onError(err){ 
    console.log(err); 
  },
  function onCompleted(){ 
    console.log('Completed'); 
  }
);
observable.subscribe(observer);

Observer

Demo

var subscriber = observable.subscribe(observer);

$scope.$on("$destroy", function() {
  subscriber.dispose();
});

Unsubscribe