javascript - 进入 View 时如何调用 Ionic 中的函数？

Question

我有一个个人资料页面，其中列出了用户的个人资料。用户可以单击编辑按钮来编辑所有与用户相关的信息。用户保存页面后，他们会导航回个人资料页面，理想情况下该页面应自动更新。

现在我缺少一种当用户导航到页面时触发的事件。 window.onLoad() 只工作一次，与 window.onPageShow() 相同。 window.onPopState() 当用户离开页面时触发。

我的想法是依赖这样的事件，然后调用 $scope.init() 下载用户信息并将其设置到 View :

.controller('UserProfileCtrl', function($scope, $http, $window, LocationService) {
    $window.onPageShow = function() {
      console.log("UserProfileCtrl->onPageShow(), getting location and loading user.");
      LocationService.getLocation();
      $scope.init();
    };

    $scope.init = function() {  
        $http.post("my-backend-address")
        .success(function (data, status, headers, config) {
          $scope.user = data.user;
        })
    }
});

Answer 1

在 Ionic 中，您有一个名为“查看事件”的东西，您可以阅读有关它们的信息 here 。您的用例有两个值得关注的事件:$ionicView.loaded 和 $ionicView.beforeEnter。

下面是一个代码示例，说明如何将它与您的代码一起使用:

$scope.$on("$ionicView.beforeEnter", function() {
   console.log("UserProfileCtrl->onPageShow(), getting location and loading user.");
  LocationService.getLocation();
  $scope.init();
});

简而言之，$ionicView.loaded 在 View 创建时被调用，而 $ionicView.beforeEnter 在每次 View 即将进入时被调用。我建议尝试 $ionicView.beforeEnter 看看它是否适合您的用例。