title: angularjs object is not a function error
body: <p>I am trying to send a repeater array items to web api controller method as parameter. When I click the button containing the function its giving me this error in console and nothing happens.</p>
  
  <pre><code>object is not a function
  </code></pre>
  
  <p>I guess I'm passing the orders array in a wrong way. How to do that correctly.</p>
  
  <p>My ng-repeat</p>
  
  <pre><code>    &lt;table class="table table-bordered table-hover" style="width:800px" data-ng-model="orderProduct"&gt;
              &lt;tr data-ng-repeat="order in orders"&gt;
                  &lt;td&gt;{{selectedProduct.pname}}&lt;/td&gt;
                  &lt;td&gt;{{order.pid}}&lt;/td&gt;
                  &lt;td&gt;{{order.oid}}&lt;/td&gt;
                  &lt;td&gt;{{order.qty}}&lt;/td&gt;
                  &lt;td&gt;{{order.total}}&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
          &lt;input type="button" data-ng-click="addOrder()" class="btn btn-danger" data-ng-disabled="!orders.length" value="Submit Orders" /&gt;
  </code></pre>
  
  <p>My controller method $scope</p>
  
  <pre><code>    $scope.addOrder = function () {
              var orders = this.orders;
              $http.post('/api/OrderDetails/', orders).success(function (data) {
                  alert("Added Successfully!!");
                  $scope.addMode = false;
  
              }).error(function (data) {
                  $scope.error = "An Error has occured while Adding Order details! " + data;
  
              });
          };
  </code></pre>