ShanikaNishadhi/forEach_Array.html

## forEach_Array.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myController">
    <p>Pass Students{{submit(list)}} : </p>
    <p style="padding-left: 20px">{{pass_list}}</p>
    <p>Failed Students : </p>
    <p style="padding-left: 20px">{{fail_list}}</p>
</div>
<script>
    var myApp = angular.module('myApp', []);
    myApp.controller('myController', ['$scope', function ($scope) {
        $scope.list = [
            { name: 'Adam', marks : '75', grade : 'P' },
            { name: 'Mike', marks : '45', grade : 'F' },
            { name: 'Dino', marks : '85', grade : 'P' },
            { name: 'Anna', marks : '35', grade : 'F' },
            { name: 'Lucy', marks : '80', grade : 'P'}];

        $scope.submit = function (list) {
            var passStudents = [];
            var failStudents = [];
            angular.forEach(list, function (value, key) {
                if(value.grade =="P")
                    passStudents.push(value.name);
                else
                    failStudents.push(value.name);
            });
            if (passStudents.length > 0)
                $scope.pass_list = passStudents.toString();
            if (failStudents.length > 0)
                $scope.fail_list = failStudents.toString();
        }
    }]);
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
	</head>
	<body>
	<div ng-app="myApp" ng-controller="myController">
	<p>Pass Students{{submit(list)}} : </p>
	<p style="padding-left: 20px">{{pass_list}}</p>
	<p>Failed Students : </p>
	<p style="padding-left: 20px">{{fail_list}}</p>
	</div>
	<script>
	var myApp = angular.module('myApp', []);
	myApp.controller('myController', ['$scope', function ($scope) {
	$scope.list = [
	{ name: 'Adam', marks : '75', grade : 'P' },
	{ name: 'Mike', marks : '45', grade : 'F' },
	{ name: 'Dino', marks : '85', grade : 'P' },
	{ name: 'Anna', marks : '35', grade : 'F' },
	{ name: 'Lucy', marks : '80', grade : 'P'}];

	$scope.submit = function (list) {
	var passStudents = [];
	var failStudents = [];
	angular.forEach(list, function (value, key) {
	if(value.grade =="P")
	passStudents.push(value.name);
	else
	failStudents.push(value.name);
	});
	if (passStudents.length > 0)
	$scope.pass_list = passStudents.toString();
	if (failStudents.length > 0)
	$scope.fail_list = failStudents.toString();
	}
	}]);
	</script>
	</body>
	</html>