JSFiddle - React, Tailwind, and code Playground

by Alan Doe

HTML

<div ng-app , ng-controller="CartController">
    <div ng-repeat="item in items">
        <p>{{item.name}}</p>
        <input ng-model="item.quantity"></input>
        <p>{{item.quantity}}</p>
        <p>{{item.price}}</p>
        
        <button ng-click="remove($index)">Remove</button>
    </div>
</div>

JavaScript

function CartController($scope)
{
    alert("hey hry hry");
    $scope.items = [{name:"orange", quatity:"phi", price:"15"},                    {name:"apples", quatity:"1", price:"200"},
                   {name:"pears", quatity:"six", price:"155"}];
}

$scope.remove = function(index)
{
   $scope.items.splice(index,1);
}