AngularJS记住“旧”范围值

Question

我有一个 AngularJS 应用程序，用户可以在其中从列表中选择一个项目。然后将它们带到另一个屏幕，该屏幕包含一个选择元素，其内容基于第一个屏幕的选择。我从这个选择元素中选择了一个项目，它会更新屏幕上的一些文本字段，一切正常。

我遇到的问题是，如果我返回第一个屏幕并从列表中选择不同的项目，第二页上的选择元素以及文本字段仍然有“旧”项目被主动选择，并且文本字段显示“旧”数据。

我如何告诉 Angular 忘记以前的选择，这些选择不再在范围内？单击“返回”时是否必须手动重置所有字段？

Answer 1

你需要重新设置范围：

function TodoCtrl($scope) {
    $scope.data = [
        {text:'learn angular', done:true},
        {text:'build an angular app', done:false}
    ];

    $scope.orig = angular.copy($scope.data);

    $scope.reset = function() {
        $scope.data = angular.copy($scope.orig);
    };
}