JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="Ctrl">
  <ul>
    <li ng-repeat="foo in foos">
        <label>{{foo.name}}</label>
        <a href="#" ng-click="remove({{$index}})">X (doesnt work)</a>
        <a href="#" ng-click="remove(0)">Remove first element (works)</a>
    </li>
  </ul>
 </div>

JavaScript

var app = angular.module('app', []);

function Ctrl($scope) {
 
    $scope.foos = [{
        name:'a'
    }, {
        name:'b'
    }];
    
    $scope.remove = function(i) {
        $scope.foos.splice(i,1);
    }
    
}