如何将 angular 值 (id) 与重复数据目标一起发送到 运行 函数

Question

我得到了以下代码。

这里需要传入angularjs变量，也就是repeating list的id。

这里的按钮是停用按钮，点击后会显示确认框。在 确认点击 时，函数需要 运行 和 传递 ID 。

但是我无法使用 data-target & data-toggle[=40 发送 id long =]

在代码中，我需要发送{{key.id}}到确认框

<tr data-ng-repeat="key in services">
   <td>{{key.service}}</td>
   <td class="text-center">
      <button type="button" data-person="Zim" class="btn btn-warning btn-xs" data-toggle="modal" data-target="#Deactivate">Deactivate</button>
   </td>
</tr>

  <!-- Modal Deactivate Starts-->

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Confirm Box</h4>
    </div>
    <div class="modal-body">
      <p>Do you want to Deactivate (servicename) service? </p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      <button type="button" class="btn btn-primary" data-ng-click="deactivate(1)" data-dismiss="modal">Deactivate</button>
    </div>
  </div>
</div>

提前致谢！

Answer 1

您需要设置一个变量以供将来使用，例如

HTML

<tr data-ng-repeat="key in services">
   <td>{{key.service}}</td>
   <td class="text-center">
      <button ng-click="selectedServiceId=key.id" type="button" data-person="Zim" class="btn btn-warning btn-xs" data-toggle="modal" data-target="#Deactivate">Deactivate</button>
   </td>
</tr>
<!-- Modal Deactivate Starts-->

<!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Confirm Box</h4>
    </div>
    <div class="modal-body">
      <p>Do you want to Deactivate (servicename) service? </p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      <button type="button" class="btn btn-primary" data-ng-click="deactivate(selectedServiceId)" data-dismiss="modal">Deactivate</button>
    </div>
  </div>
</div>