javascript - 在没有输入字段的情况下通过 POST 方法传递数据

Question

我有一项服务，我在没有输入字段的情况下传递了数据。我有一个 JSON 响应，并且已从 JSON 响应中获取所需的数据，并使用方法 POST 将其传递给 API 调用。

点击“预订”按钮(如上传的图片所示)，我已发送doctorId和时间。

形成输入字段，我知道，但没有输入标签我不知道。

这是我的代码。

服务.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 代码:

<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>

请告诉我该怎么做。

Answer 1

将参数传递到您的预订函数中，如下所示:

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

在您的 Controller 中，您将执行以下操作:

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