JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.js"></script>
<body>
    <div ng-app="myApp" ng-controller="namesCtrl">
        <p>Filtering input:</p>
        <p>
            <input type="text" ng-model="test" />
        </p>
        <ul>
            <li >{{ (x.name | uppercase) + ', ' + x.country }}</li>
        </ul>
    </div>
</body>

JavaScript

angular.module('myApp', []).controller('namesCtrl', function ($scope) {
    $scope.names = [{
        name: 'Jani',
        country: 'Norway'
    }, {
        name: 'Hege',
        country: 'Sweden'
    }, {
        name: 'Kai',
        country: 'Denmark'
    }];
});