在没有输入字段的POST方法上传递数据

时间:2014-09-30 10:29:27

标签: javascript angularjs

enter image description here

我有一个服务,我没有输入字段传递数据。我有一个JSON响应,我从JSON响应中获取了所需的数据,并使用方法POST在API调用中传递了它。

点击“预订”按钮(如上传的图片),我发送了doctorIdtime

我知道,输入输入字段,但没有输入标记,我不知道。

这是我的代码。

Service.js

newbooking : function(data) {
    var param = angular.toJson(data, false);
    return $http({
        method: 'POST',
        url: server + '/Bookings',
        data: param,
        headers: {'Content-Type' : 'application/json'},
    });
},

HTML code:

<ion-list id = "background"  ng-controller = "CliniclistCtrl">
    <div id = "background"  ng-repeat="available in appointment.Appointments"  >
      <ion-item class="item-stable item item-avatar" ng-click = "select(available.DoctorId);">
        <img ng-src = "img/1.png"/>
        <!--  &nbsp; -->
        {{available.Name}}
        &nbsp;
        <p>{{available.Speciality}}</p>
        </ion-item  >
         <ion-item class="item-accordion"
                ng-repeat="item in available.Appointments"
                ng-show="isSelected(available.DoctorId)">
        <a>{{item.AppointmentTime}} <br/> Available: {{item.Available}} </br>Doctor Id: {{available.DoctorId}}</a>
        <button style = "float : right; width:100px; font-size: 15px; border-radius: 8px; border-color: #66cc33;" class="button button-small button-balanced" ng-click = "book();">Book</button>
      </ion-item>
    </div>
  </ion-list>

请告诉我该怎么做。

1 个答案:

答案 0 :(得分:2)

将参数传递到您的预订功能中,如下所示:

<button ng-click="book(item.AppointmentTime, avalaible.DoctorID)">Book</button>

在您的控制器中,您将执行以下操作:

$scope.book = function(time,id){
    //call your service here.
    newbooking(time,id);
}