title: How to add/remove item to/from list in ionic
body: <p>I have create tabbed ionic application in VS2015. Now I want to add there simple list with possibility add/remove items (something similar to this - <a href="http://jsfiddle.net/RredCat/akqwu5eb/" rel="nofollow">sample of angularjs app</a>)</p>
  
  <p><strong>My HTML code (tab-chats.html):</strong></p>
  
  <pre><code>&lt;ion-view view-title="Chats"&gt;
    &lt;ion-content&gt;
      &lt;div id="AddItem"&gt;
          &lt;h3&gt;Add Item&lt;/h3&gt;
          &lt;input value="1" type="number" placeholder="1" ng-model="itemAmount"&gt;
          &lt;input value="" type="text" placeholder="Name of Item" ng-model="itemName"&gt;
          &lt;br /&gt;
          &lt;button ng-click="addItem()"&gt;Add to list&lt;/button&gt;
      &lt;/div&gt;
      &lt;div id="UncheckedList"&gt;
          &lt;h4&gt;Unchecked:&lt;/h4&gt;
          &lt;table&gt;
              &lt;tr ng-repeat="item in items" class="item-unchecked"&gt;
                  &lt;td&gt;&lt;b&gt;amount:&lt;/b&gt; {{item.amount}} -&lt;/td&gt;
                  &lt;td&gt;&lt;b&gt;name:&lt;/b&gt; {{item.name}} -&lt;/td&gt;
                  &lt;td&gt;
                      &lt;button ng-click="removeItem($index)"&gt;remove&lt;/button&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p><strong>My JavaScript code in controllers.js:</strong></p>
  
  <pre><code>.controller('ChatsCtrl', function ($scope) {
      $scope.items = [];
      $scope.addItem = function () {
          $scope.items.push({
              amount: $scope.itemAmount,
              name: $scope.itemName
          });
  
          $scope.itemAmount = "";
          $scope.itemName = "";
      };
      $scope.removeItem = function (index) {
          $scope.items.splice(index, 1);
      };
  })
  </code></pre>
  
  <p>Don't pay attention to "chat" - it was functionality of default app.</p>
  
  <p>This code works, I can add or remove item, but this is item with empty properties. <code>$scope.itemAmount</code> and <code>$scope.itemName</code> are always empty.</p>
  
  <p>I am starting app in <a href="http://emulate.phonegap.com/" rel="nofollow">Ripple Emulator</a>.</p>
  
  <p>What am I doing wrong and why properties of new item are empty?</p>