Question

我是角度流星的新手，并尝试制作类似于Reddit的应用程序来进行练习。但我不确定订阅和发布的正确方法是什么。这是我的代码。

angular.module('app')
.config(($stateProvider) ->
  $stateProvider
  .state('boards-list',
    url: '/board'
    templateUrl: 'client/boards/boards-list.view.ng.html'
    controller: 'BoardsListCtrl'
  )
  .state('board-detail',
    url: '/board/:symbol'
    templateUrl: 'client/boards/board-detail.view.ng.html'
    controller: 'BoardDetailCtrl'
  )
)

我想在/board上显示热门帖子，如果你去特定的主席，我想列出董事会中的所有帖子。

这是电路板列表控制器

angular.module('app')
.controller('BoardsListCtrl', ($scope, $meteor, $modal, $log) ->
  $meteor.subscribe('getPopularPosts')
  $meteor.subscribe('getAllBoards')
  $scope.boards = $scope.$meteorCollection(->
    Boards.find({})
  )
  $scope.posts = $scope.$meteorCollection(->
    Posts.find({}, _.defaults(DEFAULT_QUERY_OPTIONS, limit: 5))
  )

  $scope.getHref = (link) -> if link then "http://#{link}" else "#"

  $scope.remove = (board) ->
    $scope.boards.remove(board)

  $scope.open = ->
    modalInstance = $modal.open(
      templateUrl: 'client/common/modal-new-board.view.ng.html'
      controller: 'ModalNewBoardCtrl'
    )
)

这是板细节控制器

angular.module('app')
.controller('BoardDetailCtrl', ($scope, $stateParams, $meteor, $modal) ->
  boardSymbol = $stateParams.symbol
  $scope.posts = []

  $scope.$meteorSubscribe('getBoardBySymbol', boardSymbol)
  $scope.board = $meteor.object(Boards, symbol: boardSymbol, false)
  $scope.$meteorSubscribe('getPostsByBoard', boardSymbol)
  $scope.posts = $scope.$meteorCollection(->
    Posts.find(board: boardSymbol, DEFAULT_QUERY_OPTIONS)
  )

  $scope.open = ->
    modalInstance = $modal.open(
      templateUrl: 'client/common/modal-post.view.ng.html'
      controller: 'ModalPostCtrl'
      resolve:
        symbol: -> $scope.board.symbol
    )
)

我的问题是，如果我为boardDetailCtrl的$ scope.posts写Posts.find({}, DEFAULT_QUERY_OPTIONS)，它实际上显示所有帖子，就好像路由是/board状态改变时一样。当您直接访问http://localhost:3000/angular之类的路线时，它会获得正确的帖子。不知道为什么会发生这种情况，但我将其更改为Posts.find({board: boardSymbol}, DEFAULT_QUERY_OPTIONS)然后它按预期工作。

考虑到我只订阅了getPostByBoard，这是关于仅在给定的董事会上发帖，我应该只能得到其中一些。我检查了控制台，就像Posts.find({}).count()一样，令人惊讶的是，每个帖子都有。

所以我的问题是，即使我订阅了正确的发布功能，我还应该添加查询吗？或者我错了吗？

Answer 1

每当您在Meteor中开始订阅时，您都会将这些订阅的集合添加到本地集合中。因此，如果您有一个电路板集合，并且在您的主页中您订阅了所有集合，如：

$ meteor.subscribe（＆＃39; getAllBoards＆＃39）

您正在将所有电路板添加到本地集合中。在您明确停止订阅之前，此本地集合将保持不变。因此，在您的董事会详细信息页面中，您仍然可以访问该完整集合。

如果您发现使用2种不同的订阅方式。 $scope.$meteorSubscribe和$meteor.subscribe。当$ scope被销毁时，第一个将自动删除订阅。第二个将保留它。

因此，如果您想在进入董事会详细信息页面时删除该集合并重新订阅，您也可以在主页中使用$scope.$meteorSubscribe。

这里有一些值得思考的东西。如果您在主页上并使用$meteor.subscribe，那么您已经在本地拥有这些帖子的信息，对吗？因此，当您点击链接查看董事会详细信息时，您实际上并不需要再次订阅。你可以打电话：

  $scope.board = $meteor.object(Boards, symbol: boardSymbol, false);

您可以访问该主板信息。（我刚刚意识到你在谈论的是Posts而不是Boards，但这个想法仍然是一样的。）

简答：$meteor.subscribe()不会取消自己的订阅，你必须告诉它。 $scope.$meteorSubscribe确实取消订阅。

最佳做法？我会为订阅设置选项，然后使用find（）创建一个本地集合，如：

$scope.$meteorSubscribe('getPopularPosts',  _.defaults(DEFAULT_QUERY_OPTIONS, limit: 5).then(-> {
      $scope.posts = $scope.$meteorCollection(->
          Posts.find();
      )
})

然后在您的发布中添加选项：

Meteor.publish('getPopularPosts', function(options) {
    return Posts.find({}, options);
});

这会限制发送到客户端的帖子数量，而不是发送所有帖子，而只使用5个。

当您切换到纸板详细信息视图时，它将不再提供此信息，因为我们使用了$scope.$meteorSubscribe和$scope.$meteorCollection。

如何在角度流星上正确订阅

1 个答案: