JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular-resource.js"></script>
<div ng-app="myApp" ng-controller="UsersCtrl">

        <ul>
              <li ng-repeat="user in users">
                <input type="text" ng-model="user.name" />
                <button ng-click="validate(user)">Valider</button>
                <button ng-click="delete(user)">Supprimer</button>
              </li>
        </ul>
Nouveau utilisateur :
    <input type="text" ng-model="newUserName" />
    <button ng-click="create(newUserName)">Créer</button>

</div>

JavaScript

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

    app.factory('User', ['$resource',
                      function($resource){
                          return $resource('/users/:userId', {userId:'@id'},
                            {
                                'update': {method: 'PUT'}
                            }
                          );
                      }
                    ]);
    app.controller('UsersCtrl', function ($scope, User) {
          $scope.users = User.query();
          $scope.validate=function(user) {
              user.$update();
          }
          $scope.delete=function(user) {
              user.$delete();
          }
          $scope.create = function (newUserName) {
              var user = new User();
              user.name = newUserName;
              user.$save();
           r   $scope.uses.push(user);
          }
      });