离子侧菜单,一旦内容改变就更新

时间:2015-05-26 17:44:02

标签: angularjs ionic-framework ionic

我有一个用离子框架制作的应用程序。

我有一个按钮,让用户跟随另一个用户。该按钮会发布到API并保存。

在离子侧菜单中,我列出了我所遵循的所有人,这是我从同一个API获得的。

然而,当我跟随另一个用户时,离子侧菜单不会更新,因为我认为它是缓存的。一旦我关注其他用户,如何更新?

谢谢。

用户个人资料控制器

$scope.toggleFollow = function(bool)
{
   $http.post('http://localhost:26264/api/follow?userId=' +$stateParams.userId +"&toggleFollow=" +bool);
}

左侧菜单控制器

 $http.get('http://localhost:26264/api/follow').then(function(resp) {
    console.log('Success', resp);
    $scope.alternatives = resp.data;

然后我只是在左侧菜单中循环出$ scope.alternatives,如

<ion-item ng-repeat="alternative in alternatives" href="#/app/user/{{ alternative.id }}">
      {{alternative.name}}
</ion-item>

1 个答案:

答案 0 :(得分:2)

您需要更新 $ scope.alternatives

为此,我们不了解您的逻辑和代码。

您可以执行以下操作:

解决方案1:创建事件发射器&amp;接收者:

从第一个控制器:你可以$rootScope.$broadcast("myEvent",{info : myNewAlternativesInfo}); 来自第二个控制者:$scope.$on("myEvent",args){ //update as needed alternatives with access to args.info

解决方案2:访问服务中的数据

控制器更新和访问共享服务中的值 然后,您只需要在第二个控制器上添加一个关于所需值的观察者,以检查它何时更新$scope.$watcher

如果这还不足以引导您解决问题,请向我们提供更多信息;)