AngularJS orderBy 问题

Question

对不起，如果这听起来很愚蠢。

我遇到了类似于this question 的问题，虽然接受的答案有效，但它也带来了另一个问题：当我向数组添加新对象时，Angular 不会呈现它。

  app.controller('MainCtrl', [
    '$scope',
    '$filter',
    'posts',
    function($scope, $filter, posts) {
      $scope.posts = $filter('orderBy')(posts.posts, '-votes')
    }
  ]

我的添加功能：

    o.addPost = function(post) {
        return $http.post('/posts', post).success(function(data) {
          o.posts.push(data)
        })
    }

有什么我可以做的吗？

编辑：我要这样做：

  o.addPost = function(post) {
      return $http.post('/posts', post)
  }

  app.controller('MainCtrl', [
    '$scope',
    '$filter',
    'posts',
    function($scope, $filter, posts) {
      $scope.posts = $filter('orderBy')(posts.posts, '-votes')

      $scope.addPost = function() {
        posts.addPost(param).then(function(response) {
        $scope.posts.push(response.data)
      })
    }
  ]

Answer 1

在工厂中只返回 http 而不是在工厂内解开承诺

o.addPost = function(post) {
    return $http.post('/posts', post);
}

然后在工厂内部调用addPost方法。并在promise中捕获promise。

app.controller('MainCtrl', [
    '$scope',
    '$filter',
    'posts',
    function($scope, $filter, posts) {
        var params = {};
        posts.addPost(params).then(function(data) {
            $scope.posts = $filter('orderBy')(data, '-votes')
        })

    }
])

Answer 2

角度仅触发实例更改。如果您只是通过push 或splice 修改数组，则不会触发过滤器。

您可以通过以下方式为array 提供一个新实例。

o.addPost = function(post) {
    return $http.post('/posts', post).success(function(data) {
      o.posts.push(data);
      o.posts = o.posts.slice();    // this will give array a new instance and fire the filter.
    })
}