JSFiddle - React, Tailwind, and code Playground

by zono

HTML

<div ng-app>
   
    <div ng-controller="TestCtrl">
         <input type="button" value="+" ng-click="addNewRow();"/>
        <div ng-repeat="item in items"><input type="text" name="key" ng-value="{item.name}"/> : <input type="text" ng-value="{item.value}"/>
            <input type="button"  value="x" ng-click="removeItem($index);"/>
        </div>
        
        <input type="button" value="Test" ng-click="showItems();"/>
    </div>
</div>

JavaScript

function TestCtrl($scope) {
    $scope.items = [
        {name: "", value: ""}
    ];
 
    $scope.addNewRow = function () {
        $scope.items.push({
            name: "",
            value: ""
        });
    };

    $scope.removeItem = function (index) {
        $scope.items.splice(index,1);
    };    
    
    $scope.showItems = function() {
        alert($scope.items.toSource());
    }
};