antonioaguilar/index.html

## index.html
<!DOCTYPE html>
<html ng-app="app">
<head>
  <script src="https://cdn.rawgit.com/lodash/lodash/3.0.1/lodash.min.js"></script>
  <script src="https://rawgit.com/angular/bower-angular/master/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JavaScript Filter, Map and ForEach Example</title>
</head>
<body>

  <div class="container">
    <div class="content" ng-controller="MainCtrl">
     <ul ng-repeat="student in students">
       <li> <h1>{{ student }}</h1></li>
     </ul>
    </div>
  </div>

<script id="jsbin-javascript">
console.clear();

var app = angular.module('app', []);

app.controller('MainCtrl', function($scope, $rootScope) {
  $scope.students = [];

  var students = [
    { name: 'John Connor', score: 76, subject: 'biology' },
    { name: 'Mary Jones', score: 62, subject: 'history' },
    { name: 'James Young', score: 42, subject: 'physics' },
    { name: 'Susan Torpe', score: 46, subject: 'maths' }
  ];

  var failed = students.filter(function(student) {
    // filter students with a score less than 50%
    return student.score < 50;
  }).map(function(student) {
    // find out which subjects the students failed
    return student.name;
  }).forEach(function(student) {
    // print the names of the students that failed
    console.log(student);
    $scope.students.push(student);
  });


});
</script>


<script id="jsbin-source-javascript" type="text/javascript">console.clear();

var app = angular.module('app', []);

app.controller('MainCtrl', function($scope, $rootScope) {
  $scope.students = [];

  var students = [
    { name: 'John Connor', score: 76, subject: 'biology' },
    { name: 'Mary Jones', score: 62, subject: 'history' },
    { name: 'James Young', score: 42, subject: 'physics' },
    { name: 'Susan Torpe', score: 46, subject: 'maths' }
  ];

  var failed = students.filter(function(student) {
    // filter students with a score less than 50%
    return student.score < 50;
  }).map(function(student) {
    // find out which subjects the students failed
    return student.name;
  }).forEach(function(student) {
    // print the names of the students that failed
    console.log(student);
    $scope.students.push(student);
  });


});</script></body>
</html>

## jsbin.nimatu.js
console.clear();

var app = angular.module('app', []);

app.controller('MainCtrl', function($scope, $rootScope) {
  $scope.students = [];

  var students = [
    { name: 'John Connor', score: 76, subject: 'biology' },
    { name: 'Mary Jones', score: 62, subject: 'history' },
    { name: 'James Young', score: 42, subject: 'physics' },
    { name: 'Susan Torpe', score: 46, subject: 'maths' }
  ];

  var failed = students.filter(function(student) {
    // filter students with a score less than 50%
    return student.score < 50;
  }).map(function(student) {
    // find out which subjects the students failed
    return student.name;
  }).forEach(function(student) {
    // print the names of the students that failed
    console.log(student);
    $scope.students.push(student);
  });


});
	<!DOCTYPE html>
	<html ng-app="app">
	<head>
	<script src="https://cdn.rawgit.com/lodash/lodash/3.0.1/lodash.min.js"></script>
	<script src="https://rawgit.com/angular/bower-angular/master/angular.min.js"></script>
	<meta charset="utf-8">
	<title>JavaScript Filter, Map and ForEach Example</title>
	</head>
	<body>

	<div class="container">
	<div class="content" ng-controller="MainCtrl">
	<ul ng-repeat="student in students">
	<li> <h1>{{ student }}</h1></li>
	</ul>
	</div>
	</div>

	<script id="jsbin-javascript">
	console.clear();

	var app = angular.module('app', []);

	app.controller('MainCtrl', function($scope, $rootScope) {
	$scope.students = [];

	var students = [
	{ name: 'John Connor', score: 76, subject: 'biology' },
	{ name: 'Mary Jones', score: 62, subject: 'history' },
	{ name: 'James Young', score: 42, subject: 'physics' },
	{ name: 'Susan Torpe', score: 46, subject: 'maths' }
	];

	var failed = students.filter(function(student) {
	// filter students with a score less than 50%
	return student.score < 50;
	}).map(function(student) {
	// find out which subjects the students failed
	return student.name;
	}).forEach(function(student) {
	// print the names of the students that failed
	console.log(student);
	$scope.students.push(student);
	});


	});
	</script>



	<script id="jsbin-source-javascript" type="text/javascript">console.clear();

	var app = angular.module('app', []);

	app.controller('MainCtrl', function($scope, $rootScope) {
	$scope.students = [];

	var students = [
	{ name: 'John Connor', score: 76, subject: 'biology' },
	{ name: 'Mary Jones', score: 62, subject: 'history' },
	{ name: 'James Young', score: 42, subject: 'physics' },
	{ name: 'Susan Torpe', score: 46, subject: 'maths' }
	];

	var failed = students.filter(function(student) {
	// filter students with a score less than 50%
	return student.score < 50;
	}).map(function(student) {
	// find out which subjects the students failed
	return student.name;
	}).forEach(function(student) {
	// print the names of the students that failed
	console.log(student);
	$scope.students.push(student);
	});


	});</script></body>
	</html>