JSFiddle - React, Tailwind, and code Playground

by andytjoslin

HTML

<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<script src="http://code.angularjs.org/angular-resource-1.0.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<div ng-app>
<ul ng-controller="ListCtrl">
    <li ng-repeat="item in list">
        <a ng-hide="item.selected" ng-click="selectItem(item)">Show ID</a>
        <span ng-show="item.selected">{{item.id}}</span></li>
</ul>
</div>

JavaScript

function ListCtrl($scope, $element, $compile) {
    $scope.list = [];
    for (var i=0; i<10; i++) $scope.list.push({id: i});
    
    $scope.selectItem = function(item) {
        angular.forEach($scope.list, function(_item) {
            _item.selected = false;
        });
        item.selected = true;
    };
}