[英]How to refresh bootstrap wizard
我有一個帶有引導向導的jsp,如下所示:
http://s3.amazonaws.com/creativetim_bucket/products/22/original/wizard_template.png?1407329794
使用此向導,我可以添加在Javascript數組中收集的employee元素(我也使用AngularJS)。
之后,在向導的最后一步中,表中顯示了員工的摘要。 對於表的每一行,我都添加了一個href鏈接以刪除當前的employee元素。 該href鏈接調用由AngularJS管理的函數。
好的,可以。 但是,刪除后,該表不會刷新。 並且已刪除的元素仍存在於表中,但不存在於數組中。
那么,如何刷新表格?
這是表的代碼:
<table class="table table-bordered table-hover table-condensed">
<thead>
<tr>
<td>#</td>
<td>Nome</td>
<td>Cognome</td>
<td>Matricola</td>
</tr>
</thead>
<tr ng-repeat="employee in listaDipendenti track by $index">
<td>{{$index + 1}}</td>
<td>{{employee.nome}}</td>
<td>{{employee.cognome}}</td>
<td>{{employee.matricola}}</td>
<td><a ng-click="DeleteEmployees($index)" href="#" class="btn btn-simple btn-xs" role="button" style="color: green">Delete</a></td>
</tr>
</table>
這是JS中的代碼:
//Classe di tipo Employee
function Employee(nome, cognome, matricola) {
this.nome = nome;
this.cognome = cognome;
this.matricola = matricola;
}
var listEmployees = [];
var nDip = 0;
function Controller($scope) {
$scope.DeleteEmployees = function (n) {
if (n > -1) {
listEmployees.splice(n, 1);
}
};
}
為@charlietfl
這是不對的,請查看用於在JS數組中添加雇員的函數。
$scope.AddInList = function () {
var nome = $("#nome").val();
var cognome = $("#cognome").val();
var matricola = $("#matricola").val();
$("#nome").val("");
$("#cognome").val("");
$("#matricola").val("");
nDip = nDip + 1;
listEmployees.push(new Employee(nome, cognome, matricola));
$("#cont").text(nDip);
$scope.listaDipendenti = JSON.parse(JSON.stringify(listEmployees));
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.