how to send angular array data to controller?

in controller create a function that uses $http

this.checkRooms = function() {
  if($scope.selectedRooms.length < 0){
    alert('Please select a room');
  }else{
     $http.post('/Home/BookingCart?cityid=' + $scope.cityId + '&hotelId=' + $scope.hotelId, $scope.selectedRooms).then(function(success){
        console.log('success sending data');
        //here you can redirect the user to the shopping cart
        $state.go('userCart'); // this is the state name
     }).catch(function(error){
       console.warn('error while trying to send data', error);
     })
  }
}

There are two properties of $http to send data to your API.

data – {string|Object} – Data to be sent as the request message data.

params – {Object.} – Map of strings or objects which will be serialized with the paramSerializer and appended as GET parameters.

I am not asp.net developer, I use Php with symphony 2/3. So I can't validate your API but I am pretty sure it exists a better way to build API with asp.net. Also, it may be better to send data as request message data than as get parameters but it depends of the way you built your API.

I think you should just use a classic http call, post method and use params propertie to send your data (wrap them in a literal object) and remove get parameters from your url, angular will build the complete url for you.

$http({
    method: 'POST',
    url: '/someUrl',
    params: //your literal object which represents parameters
}).then(function successCallback(response) {
    // this callback will be called asynchronously
    // when the response is available
}, function errorCallback(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
});

Then to push IDs in your array you should add a ng-click on all your checkboxes, and when triggered call a function addOrRemoveRoom(this.roomId). If checked add the id if it is not already in the array. If unchecked remove if it's present in the array. So your array is already built when you send yours data and you avoid use of jQuery.

Sample with fruits.

  // Toggle selection for a given fruit by name
  $scope.toggleSelection = function toggleSelection(fruitName) {
    var idx = $scope.selection.indexOf(fruitName);

    // Is currently selected
    if (idx > -1) {
      $scope.selection.splice(idx, 1);
    }

    // Is newly selected
    else {
      $scope.selection.push(fruitName);
    }
  };
}]);