Angular / Ionic回到状态

Question

I have an article list page where I have filters for articles, latest and popular. Their buttons look like that in the front page:

<a class="button button-icon" href="#" ng-click="articleFilter('latest')"><i class="ion-ios-circle-filled" ng-show="bulletpointLatest"></i> Latest
      </a>
<a class="button button-icon" href="#" ng-click="articleFilter()"><i class="ion-ios-circle-filled" ng-show="bulletpointPopular"></i> Popular
      </a>

I have set up the filters in my FrontPageController that looks like this:

  .controller('FrontPageController', function($scope, ArticleService, $state, $ionicScrollDelegate, $location, $ionicPosition) {
  ArticleService.all().then(function(data){
    $scope.articles = data;
  });

  $scope.$on('$ionicParentView.afterEnter', function(event, data) {
    if (data.direction == 'back') {
      $scope.doRefresh();
    }
  });

  $scope.bulletpointSiste = true;

  $scope.articleFilter = function(button){
    if (button == "siste"){
      $scope.bulletpointSiste = true;
      $scope.bulletpointPopular = false;
      ArticleService.all().then(function(data){
        $scope.articles = data;
      });
    }
    else {
      $scope.bulletpointSiste = false;
      $scope.bulletpointPopular = true;
      ArticleService.popular().then(function(data){
        $scope.articles = data;
        console.log(data);
      });
    }
  };

  $scope.like = function(article){
    article.like = article.like == 0 ? 1 : 0;
    ArticleService.like(article.id)
  };

  $scope.doRefresh = function (){
    ArticleService.all().then(function(data){
      $scope.articles = data;
    })
    .finally(function() {
       $scope.$broadcast('scroll.refreshComplete');
     });
  };
})

My config for the front page route is:

.state('main.front', {
    url: '/front',
    views: {
      'content': {
        templateUrl: 'templates/main-front.html',
        controller: 'FrontPageController'
      }
    },
    authenticate: true
  })

In my article page view I have tried to go back to the front page by using ng-click.

<a ng-click="goBack()" nav-direction="back">

And in my article controller I tried with ionic history:

$scope.goBack = function(){
    $ionicHistory.goBack()
  };

Update

Now, since I am refreshing articles on back with:

$scope.$on('$ionicParentView.afterEnter', function(event, data) {
    if (data.direction == 'back') {
      $scope.doRefresh();
    }
  });

I need that in order to change the style for like icons if they were clicked in an article page that they get an appropriate style for that. Since doRefresh() function gets all the latest articles:

$scope.doRefresh = function (){
    ArticleService.all().then(function(data){
      $scope.articles = data;
    })
    .finally(function() {
       $scope.$broadcast('scroll.refreshComplete');
     });
  };

I need to somehow make it work so that I know what was the previous state so that I can call appropriate service on refresh, popular if the user is coming from an article that he opened on the list of popular articles. How should I do that?

Answer 1

@Marco: Can you change your goBack function to the following code with input the front view state name.

var goBack = function() {
   $state.go('VIEW_NAME');//
}

Because my experience is the view will always be cached unless we disable it.

Refer here