引導模態在打開新模態時不起作用

Question

我有一個模態，看起來像這樣：

<div class="modal fade" id="detailsModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModal" align="center">Details</h4>
  </div>
  <div class="modal-body">
    <table align="center" class="table table-bordered table-striped" style="width:auto">
<tr>
    <th>Name</th>
    <td>{{ details.name }}</td>
</tr>
<tr>
    <th>Type</th>
    <td>{{ details.type }}</td>
</tr>
</table>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>
</div>

及其觸發器（來自表的td）：

<tr ng-repeat="device in devices">
   <td><button class="btn btn-info" ng-click="details(device.id)" data-toggle="modal" data-target="#modalDetails">Details</button></td>

第一次按下按鈕時，模態觸發器會觸發它並獲得相應的值，但是當我按下“ 關閉”按鈕將其關閉並嘗試從表的另一行中打開另一個時，會出現此錯誤：

TypeError：v2.details不是函數

在fn（在編譯時評估（angular_min.js：220），：4：411）

在e（angular_min.js：262）

在m。$ eval（angular_min.js：137）

在m。$ apply（angular_min.js：138）

在HTMLButtonElement。 （angular_min.js：262）

在HTMLButtonElement.dispatch（jQuery.js：4670）

在HTMLButtonElement.elemData.handle（jQuery.js：4338）

當錯誤彈出時，控制器中的詳細功能甚至不再發生。 我做錯了什么？

Answer 1

您應該通過JavaScript發送每行的信息或數據。 像這樣：您可以看到我的變量是用PHP編寫的，但是您只需要用您使用的語言來實現它即可。

<button  class="btn btn-warning btn-xs" data-toggle="modal" data-target=". modalDetalii" onclick="enviaEditar('.$row->id.',\''.$row->nombre.'\',\''.$row->direccion.'\');"</button>

因此，您必須具有一個函數調用“ enviarEditar”

<script>
        function enviaEditar(id, nombre, direccion){
            document.getElementsByName('editarId')[0].value = id;
            document.getElementsByName('editarNombre')[0].value = nombre;
            document.getElementsByName('editarDireccion')[0].value = direccion;
        }
    </script>

在函數中，將值分配給輸入

Answer 2

我通過將按鈕內的ng-click重命名為其他名稱解決了該問題。