Angular - 视图更改时如何清除工厂变量？

Question

我对 Angular 还很陌生，所以请耐心等待。 :-) 我在一个视图中有一个联系人列表。我用一些 setter 和 getter 函数组合了一个服务来保存联系人 ID。当用户单击列表视图上的联系人时，它会在服务中设置 ID 并移动到编辑表单视图。这工作得很好，但是当我完成编辑并单击返回列表视图时，我想清除服务中的变量。我该怎么做？ 我找到了关于这个主题的另一个答案，但我认为它使用的是内置的角度路由器而不是 ui-router。

Angular updating and clearing factory variables

另外，当用户首先从列表移动到编辑表单时，该答案中的方法是否也会清除变量？

谢谢！

Answer 1

如果是路线变更，您可以使用 $locationChangeStart，请参阅 $location

例如在您的编辑控制器中，注册路由更改事件：

var onloc = $scope.$on('$locationChangeStart', function (event, newUrl, oldUrl) {                
    myService.cleanUp(whatever);
    onloc();           
});