JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="devicesApp" ng-controller="MainCtrl">
    <div class="selectUser">
        <h2>People</h2>
        <ul>
            <li ng-repeat="person in people">
                <a href="#" role="button" ng-click="shown = !shown">{{person.name}}</a>
                <div ng-if="shown">
                  {{person.address}} - {{person.phone}}
                </div>
            </li>
        </ul>
    </div>
    
</div>

JavaScript

angular.module('devicesApp', []).controller('MainCtrl', function ($scope) {

    $scope.people = [
        {name: 'John', phone: "123 456 789", address: "Bing Stret 2"},
        {name: 'Scott', phone: "987 654 321", address: "Colin Av 102"},
        {name: 'Adam', phone: "258 147 933", address: "Foo Square 654"},
    ];

});