Question

我正在使用Ionic Framework进行应用，并坚持使用其中一个部分。在我的应用程序中，我有一个收藏夹视图，其中显示了用户在应用程序中其他地方喜欢的项目列表。问题是，控制器中的代码仅在第一次点击收藏夹路由时运行。如果用户随后在应用中的其他位置添加了收藏夹，则返回“收藏夹”视图，该列表不会重新生成。

在我的控制器中，我有以下内容：

Favourites.all().then(function(results){
    angular.forEach(results, function(value, key){
        // add results to an array to present in the view
    })
})

我有一个进行数据库查询的工厂：

.factory('Favourites', function(DB){
    var self=this;
    console.log("test 1");

    self.all = function() {
        return DB.query('SELECT * FROM favourites')
            .then(function(result){
                return DB.fetchAll(result);
            });
    };
    return self;
})

我的问题是，在用户将新收藏夹添加到数据库后，如何让收藏夹控制器刷新？我尝试将范围重新加载函数添加到控制器，并且还将reload：true添加到路由的$ stateProvider，但两者都没有任何区别。

Answer 1

从任何地方使用广播并随时随地捕捉：

您应用中的任意位置：

$scope.onNewFavoriteHandler = function() {
    //Add to DB logic
    $rootScope.$broadcast('new-favorite');
}

在相关控制器上：

$scope.$on('new-favorite', function(event, args) { 
    Favourites.all().then(function(results){
        angular.forEach(results, function(value, key){
            // add results to an array to present in the view
        })
    });
    // do what you want to do
})

Nice artice if you wish to extend your knoledge

Answer 2

你可以使用ui-router和resolve / reload（）让你的控制器/视图重新加载：

  .state('somestate', {
    url: '/somestate',
    templateUrl: '/path/to/some/view.html',
    resolve: {
      favorites: ['Favourites', function ($Favourites) {
        return Favourites.all();
      }]
    },
    controller: ['$scope', '$state', 'favorites', function ($scope, $state, favorites) {
      angular.forEach(favorites, function(value, key){...});

      //...later...
      $scope.onSomethingHappened = function reload(){
            var current = $state.current;
            var params = angular.copy($stateParams);
            $state.transitionTo(current, params, { reload: true, inherit: true, notify: true });          
    }]
  })

如何让Angularjs中的控制器刷新？

2 个答案: