#AngularJS 我有一張桌子。當我單擊任何行上的 DELETE 按鈕時,以下代碼總是洗掉第一個。我哪里錯了?我將發布部分代碼
<tr id="riga" ng-repeat='x in cars'>
<td class="dimensione">{{x.id}}</td>
<td class="dimensione">{{x.targaauto}}</td>
<td class="dimensione">{{x.datiintestatario}}</td>
<td class="dimensione">{{x.marca}}</td>
<td><button type="button" class='btn btn-danger btn' data-bs-toggle="modal" data-bs-target="#finestra"> elimina</button></td>
</tr>
<div class="modal fade " id="finestra">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Attenzione</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<h5 class="modal-body">Sei sicuro di voler eliminare questo record?</h5>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" ng-click='rimuovi($index)' data-bs- dismiss="modal">OK</button>
<button type="submit" class="btn btn-secondary" data-bs-dismiss="modal">ANNULLA</button>
</div>
</div>
</div>
</div>
</table>
</tbody>
<script src="bootstrap.js"></script>
</body>
</html>
功能 RIMUOVI
$scope.rimuovi=function($index){
$scope.cars.splice($index, 1)
}
uj5u.com熱心網友回復:
當你按下
<button type="button" class='btn btn-danger btn' data-bs-toggle="modal" data-bs-target="#finestra"> elimina</button>
按鈕,您需要添加
ng-click="verifyDelete($index)"
您將保存在指令/控制器中。這樣,當您從模態中詢問“您確定嗎”時,您就會得到正確的行。
更新 ng-click='rimuovi($index)'到 ng-click='rimuovi()'和使用來自verifyDelete保存價值
uj5u.com熱心網友回復:
問題是您試圖訪問 ng-repeat 塊之外的 $index 變數。要解決此問題,您應該在單擊洗掉然后顯示模態時將其存盤到控制器中的變數中。
或者您可以傳遞物件,然后對陣列進行過濾,但兩個選項要求您將值存盤到變數中。
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/400178.html
