JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="startApp">
	<div ng-controller="Cntl2">
		<p>Add value</p>
		<p>
			<input type='text' ng-model="expr" />
			<button ng-click="addExp(expr)">Click!</button>
		</p>
		<p>
			<input type="text" value="" ng-model="searchExpr">
			{{itemNum}}
		</p>
		<ul>
			<li ng-repeat="expr in exprsFilter = (exprs | filter:searchExpr)">
				[ <a href="#" ng-click="removeExp($index)">Delete</a> ]
				<span ng-bind="$parent.$eval()"></span>
				{{expr}}
			</li>
		</ul>
	</div><!-- Cntl2 -->
	<div ng-controller="playersCtrl">
		<select ng-model="sortByPlayers">
			<option value="name">Sort by name</option>
			<option value="frags">Sort by frags</option>
		</select>
		<ul>
			<li ng-repeat="player in players | orderBy:sortByPlayers:(sortByPlayers=='frags')">
				{{player.name}}
				<span ng-show="!!player.frags">/ {{player.frags}}</span>
			</li>
		</ul>
	</div><!-- playersCtrl -->
</div>

CSS

</style>
<script type="text/javascript" src="https://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
<script type="text/javascript" src="https://code.angularjs.org/1.2.0-rc.2/angular-animate.min.js"></script>
<style>

JavaScript

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

playersModule.controller('playersCtrl', function($scope){
	$scope.players = [
		{
			name:'Agness',
			frags:203
		},
		{
			name:'Dolly',
			frags:23
		},
		{
			name:'Augustin',
			frags:1204
		},
		{
			name:'Monk',
			frags:607
		},
		{
			name:'Stellix',
			frags:345
		},
		{
			name:'Fox',
			frags:879
		},
		{
			name:'Arthur',
			frags:6704
		},
		{
			name:'Arch',
			frags:982
		},
		{
			name:'Mikky',
			frags:4302
		},
		{
			name:'RelaxLord',
			frags:11305
		},
		{
			name:'Trinity',
			frags:687
		},
		{
			name:'newNEO',
			frags:10452
		}
	];
});

playersModule.controller('Cntl2', function($scope){
	var exprs = $scope.exprs = [];
	$scope.expr = 'Add value';
	$scope.addExp = function(expr){
		if(expr !== 'Add value' || expr == ''){
			exprs.push(expr);
			// alert(exprs);
			$scope.itemNum = exprs.length;
		}
	};

	$scope.removeExp = function(index){
		exprs.splice(index, 1);
		$scope.itemNum = exprs.length;
	};
});