<div ng-app="myApp" ng-controller="myCtrl">
  <ul>
    <li ng-repeat="item in items">
      {{ item.name }}
      <button ng-click="removeItem($index)">Remove</button>
    </li>
  </ul>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    $scope.items = [
      { name: 'Item 1', id: 1 },
      { name: 'Item 2', id: 2 },
      { name: 'Item 3', id: 3 },
      { name: 'Item 4', id: 4 }
    ];

    $scope.removeItem = function(index) {
      $scope.items.splice(index, 1);
    };
  });
</script>