javascript - 如何刷新引导向导

Question

我有一个带有引导向导的jsp，如下所示:

http://s3.amazonaws.com/creativetim_bucket/products/22/original/wizard_template.png?1407329794

使用此向导，我可以添加在 Javascript 数组中收集的员工元素(我也使用 AngularJS)。

之后，在向导的最后一步中，表格中会显示员工的摘要。对于表的每一行，我都添加了一个 href 链接来删除当前员工元素。此 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);
                }
            };
        }

Answer 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));

            };