Angular multiple - current Method

by Harsha Jayamanna

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<div ng-app="sample">
  <div ng-controller="materialController">
  <h1>
  Method 4:(Current)
  </h1>
  <p>
  Current Implementation
  </p>
  <h2>
  Original Result
  </h2>
    <ul>
      <li ng-repeat="material in materials">
        {{ material.name}} , {{ material.edition}}
      </li>
    </ul>
  <h2>
  Sorted Result
  </h2>
    <ul>
      <li ng-repeat="material in filteredItems">
        {{ material.name}} , {{material.edition}}
      </li>
    </ul>
  </div>
</div>

CSS

body {
  font-family: Arial;
}

JavaScript

var app = angular.module('sample', []);
app.controller('materialController', function($scope,$filter) {
  $scope.materials = [];
 	var orderedItems = [];
  $scope.filteredItems = [];
    
  function getMaterials() {
  	
    $scope.materials = 
    [{
    	name: 'C#: How to Program',
      edition:'12e'
    },
    {
    	name: '~Custom: Financial & Managerial Accounting MAL for Tulsa Community College',
      edition:'13e'
    },
    {
    	name: 'C#: How to Program',
      edition:'12e'
    },
    {
    	name: '~Custom: Financial & Managerial Accounting MAL for Tulsa Community College',
      edition:'13e'
    },
    {
    	name: 'C++ How to Program',
      edition:'12e'
    },
    {
    	name: '¡Arriba! Comunicación y Cultura, Canadian Edition Chapters 7-12',
      edition:'13e'
    },
    {
    	name: 'Dave James Smith',
      edition:'13e'
    },
    {
    	name: 'Cid James Smith',
      edition:'13e'
    },
    {
    	name: 'Cid James Smith',
      edition:'12e'
    },
    {
    	name: '%id James Smith',
      edition:'12e'
    },{
    	name: '&id James Smith',
      edition:'12e'
    },
    {
    	name: '(id James Smith',
      edition:'12e'
    },
    {
    	name: '+id James Smith',
      edition:'12e'
    },
    {
    	name: '~id James Smith',
      edition:'12e'
    },
    {
    	name: '}id James Smith',
      edition:'12e'
    },
    {
    	name: 'aid James Smith',
      edition:'12e'
    },
    {
    	name: 'oid James Smith',
      edition:'12e'
    },
    {
    	name: 'wid James Smith',
      edition:'12e'
    },
    {
    	name: '/id James Smith',
      edition:'12e'
    },
    {
    	name: '0id James Smith',
      edition:'12e'
    },
    {
    	name: '8id James Smith',
      edition:'12e'
    },
    {
    	name: 'id $James Smith',
      edition:'12e'
    },
    {
    	name: 'Western',
      edition:'12e'
    },
    {
    	name: 'West',
      edition:'12e'
    },
    {
    	name: 'Thomas calculas 12e',
      edition:'12e'
    },
    {
    	name:...