Angularr - List json and display item selected

List json array and add data where item is selected

by Crystal McNeil

HTML

<div ng-app="rMailApp">
    <h4>Name In List</h4>
    <div ng-controller="MainCtrl">
        <ul>
            <li ng-repeat="item in tmpArr">
                <a href="javascript:void(0);" ng-click="changeFolder($index)">{{item.name}}</a> - {{item.phone}} 
                <div ng-show="item.isSelected">
                    Refresh
                </div>
            </li>
        </ul>
    </div>
</div>

JavaScript

var rMailApp = angular.module("rMailApp", []);
rMailApp.controller("MainCtrl",["$scope",function($scope){
    $scope.tmpArr = [];
    for(var i=0; i < 10; i++){
        $scope.tmpArr[i] = {};
        $scope.tmpArr[i].name = "Name "+1;
        $scope.tmpArr[i].phone = "3802830"+1;        
        $scope.tmpArr[i].isSelected = true;        
    }
    
    $scope.tmpArr[0].isSelected=true;
    
    $scope.changeFolder = function(arrIndex){
        for(var i=0; i < $scope.tmpArr.length; i++){      
            $scope.tmpArr[i].isSelected = false;        
        }
        $scope.tmpArr[arrIndex].isSelected=true;
    };
}]);