JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app>
    <div ng-controller="MainCtrl">
        <p>Hello {{name}} !</p>
        <ul>
            <li ng-repeat="data in datas | orderBy:sort ">{{ $index }} : {{ data.a }} - {{ data.b }}</li>
        </ul>
        <input type="radio" ng-model="sort" value="a" /> a
        <input type="radio" ng-model="sort" value="b" /> b
        </div>
</div>

JavaScript

function MainCtrl($scope) {
  $scope.name = 'World';
    $scope.sort = 'a';
    $scope.datas = [
        {a: 'abc', b: '9'},
        {a: 'def', b: '6'},
        {a: 'ghi', b: '3'},
        {a: 'klm', b: '4'},
        {a: 'nop', b: '5'},
        {a: 'krs', b: '2'},
        {a: 'tuv', b: '7'},
        {a: 'wxy', b: '8'},
        {a: 'z..', b: '1'}
    ];
};