JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
  <div ng-controller="ctrl as vm">
    <input type="text" ng-model="vm.itemToDelete">
    <button ng-click="vm.onDeleteClick()">Delete</button>
    <ul>
      <li ng-repeat="item in listOfUser">
        {{ item.name}}
      </li>
    </ul>
  </div>
</div>

JavaScript

angular.module('app', [])
  .controller('ctrl', function($scope) {
    var vm = this;

    $scope.listOfUser = [{
      name: 'Name123',
      value: 'Name123V_value'
    }, {
      name: 'Name321',
      value: 'Name321_value'
    }, {
      name: 'Name474',
      value: 'Name474_value'
    }, ];

    vm.onDeleteClick = function() {
      var i = 0;
      for (i; i < $scope.listOfUser.length; i++) {
        if ($scope.listOfUser[i].name === vm.itemToDelete) {
          $scope.listOfUser.splice(i, 1);
          break;
        }
      }
    };
  });