I now try to make Items list form that are able to **add**, **edit** and **delete**.
Add and edit are work fine, however, when I trying to delete it is not working as expected.

Here, is my partial of my code, that consist of delete button. 

```
      <!-- Added Items Stage -->
      <div ng-repeat-start="item in items" ng-form="editItemForm" class="row">
        <div class="col">
          <input type="text" name="description" ng-model="item.description" placeholder="description" required>
        </div>
        <div class="col">
          <input type="number" name="quantity" pattern="\d*" ng-model="item.quantity" placeholder="quantity" required>
        </div>
        <div class="col">
          <input type="text" name="price" ng-model="item.price" placeholder="price" required>
        </div>
        <div class="col">
          <select name="taxType" ng-model="item.taxType" required>
            <option value="ZR">ZR</option>
            <option value="SR">SR</option>
          </select>
        </div>
        <div class="col col-20" ng-bind="(item.quantity&&item.price)?((item.quantity*item.price) | currency:''):'0.00'"></div>
        <div class="col col-10">
          <button type="button" class="button button-assertive button-clear icon ion-close-circled" ng-click="deleteItem(item)"></button>
        </div>
      </div>

      <hr ng-repeat-end>

```

Second part is how I delete item

```
$scope.deleteItem = function(item) {
    $scope.items.splice($scope.items.indexOf(item), 1);
};

```

I tried pass in `$index`, or use `delete` instead of splice, but it still cannot work. Help me please. Thank you.

This is my [demo](http://plnkr.co/edit/A07ApOR2GtH9WJj4Keiq?p=preview)

Note: I think the item removed, but the html not updated.