Question

我对AngularJS还是很陌生，我正在研究一个出勤系统。我正在使用SPA。

每当我标记一个学生的出勤状态时，都会根据服务器的响应为每个学生显示一个标记或未标记的图标，但是我注意到，每当路由到另一个视图（并返回）时，“标记或未标记的图标”都会消失，尽管数据库数据仍然正确。我已经搜索了互联网，但是找不到相关的解决方案。

我的问题是，路由离开并返回后如何使“ fa-icons”保留在那里？谢谢。

下面是我的代码：

// js

$scope.markAttendance = (id) => {
    $http({
        method: 'POST',
        url: '/api/markattendance.php',
        data: { studentId : id }
    }).then(function (response) {
        if(response.data === 'TRUE'){
            $scope.studentList.find(x => x.id === id).feedback = 'MARKED';
        } else {
            $scope.feedback = 'FALSE';
        }
    });
}

// html

<tr ng-repeat="x in studentList">
    <td>{{x.firstname}} {{x.lastname}}</td>
    <td><button ng-click="markAttendance(x.id)">+</button>
        <button ng-click="unmarkAttendance(x.id)">+</button>
        <span ng-show="x.feedback === 'MARKED'"><i class="fa fa-check text-success"></i></span>
        <span ng-show="x.feedback === 'UNMARKED'"><i class="fa fa-close"></i></span>
    </td>

在AngularJS中导航到另一条路线后如何“保持活动”路线的显示

0 个答案: