javascript - 如何发送 Angular 值 (id) 以及重复数据目标来运行函数

Question

我有以下代码。

这里我需要传递Angular js变量，它是重复列表的id。

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

但是我无法使用 data-target 和 data-toggle 发送 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>