title: Angular - set null items in array
body: <p>Why is this code working only once?
  When i reset an item the entire app freezes</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt;
  &lt;body&gt;
  
  &lt;script&gt;
  var app = angular.module("myShoppingList", []); 
  app.controller("myCtrl", function($scope) {
      $scope.products = ["Milk", "Bread", "Cheese"];
      $scope.addItem = function () {
          $scope.products.push($scope.addMe);
      }    
      $scope.resetItem = function (x) {
          $scope.products[x]="";
      }
  });
  &lt;/script&gt;
  
  &lt;div ng-app="myShoppingList" ng-controller="myCtrl"&gt;
    &lt;ul&gt;
      &lt;li ng-repeat="x in products"&gt;{{x}}&lt;span ng-click="resetItem($index)"&gt;×&lt;/span&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;input ng-model="addMe"&gt;
    &lt;button ng-click="addItem()"&gt;Add&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;p&gt;Click the x to reset an item&lt;/p&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I've also tryed with ng-click='x = "" ' but it doesn't work.
  So, how can I set a null value to an item in this array?</p>