Question

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

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

使用此向导，我可以添加在Javascript数组中收集的employees元素（我也使用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);
                }
            };
        }

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

            };

如何刷新引导向导

1 个答案: