JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
<div ng-controller="TestController">
    {{data[current].name}}
    <div ng-click="Next();"> NEXT! </div>
</div>

JavaScript

var myApp = angular.module('myApp', [])
    .controller('TestController', ['$scope', function ($scope) {
        $scope.data = [
            {
              "name": "Russel Brand",
              "profession": "Actor",
              "yoga": [
                "Bikram",
                "Hatha",
                "Vinyasa"
              ]
            },
            {
              "name": "Aaron Bielefeldt",
              "profession": "Ambassador",
              "yoga": [
                "Bikram",
                "Hatha",
                "Vinyasa"
              ]
            },
            {
              "name": "Adrienne Hengels",
              "profession": "Ambassador",
              "yoga": [
                "Bikram",
                "Hatha",
                "Vinyasa"
              ]
            }
          ];
        $scope.current = 0;
        $scope.Next = function() {
            $scope.current = ($scope.current + 1) % $scope.data.length;
        };
}]);