duycuong87vn/jsbin.simple.html

## jsbin.simple.html
<!DOCTYPE html>
<html data-ng-app="">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
  <meta charset="utf-8">
  <title>AngularJS review</title>
</head>
<body>
  <div data-ng-controller="SimpleController">
      Enter name :
      <br />
      <input type="text" data-ng-model="name"/>
      <br />

      <ul>
        <li data-ng-repeat="cust in customers | filter:name | orderBy:'city' ">{{cust.name | uppercase}} -- {{cust.city | lowercase}}</li>
      </ul>
  </div>

</body>
</html>

## jsbin.simple.js
function SimpleController($scope){
      $scope.customers = [
        {name:'Jone Done', city:'New York'},
        {name:'Jason Statham', city:'California'},
        {name:'Wolo Wolo',city:'VietName'},
        {name:'Think',city:'Washington'},
        {name:'TuanAnh',city:'New York'}
      ];
    }
	<!DOCTYPE html>
	<html data-ng-app="">
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
	<meta charset="utf-8">
	<title>AngularJS review</title>
	</head>
	<body>
	<div data-ng-controller="SimpleController">
	Enter name :
	<br />
	<input type="text" data-ng-model="name"/>
	<br />

	<ul>
	<li data-ng-repeat="cust in customers \| filter:name \| orderBy:'city' ">{{cust.name \| uppercase}} -- {{cust.city \| lowercase}}</li>
	</ul>
	</div>

	</body>
	</html>
	function SimpleController($scope){
	$scope.customers = [
	{name:'Jone Done', city:'New York'},
	{name:'Jason Statham', city:'California'},
	{name:'Wolo Wolo',city:'VietName'},
	{name:'Think',city:'Washington'},
	{name:'TuanAnh',city:'New York'}
	];
	}