JSFiddle - React, Tailwind, and code Playground

by John Smith

HTML

<div ng-app ng-controller="myCtrl">
    <div ng-repeat="x in myList">
            <a href="" ng-click="hide(x)" ng-hide="x.hide">{{x.v}}</a>
    </div>
</div>

JavaScript

var data = [ {v:'1'},{v:'2'},{v:'3'},{v:'4'},{v:'5'},
            {v:'6'},{v:'7'},{v:'8'},{v:'9'},{v:'10'},
            {v:'11'},{v:'12'},{v:'13'},{v:'14'},{v:'15'}, {v:'16'}];
             

function myCtrl($scope){
	$scope.myList = data;
    
    $scope.hide = function(obj){
    	obj.hide = true;
    }

}