Angular 2 Meteor 被动改变路线

Question

我正在玩 angular2 和 meteor（我都是新手），如果我能在集合中找到某个文档，我想改变路线。我在 Angular 2 Meteor tutorial 中读到 class MeteorComponent 有方法 subscribe 和 autorun 所以我试图使用这些方法来完成工作（不确定这是否是最好的方法 - 我没有删除自动发布）。但现在它不起作用。我的组件是：

import {View, OnInit, Component} from 'angular2/core'
import {MeteorComponent} from 'angular2-meteor'
import {Navbar} from 'client/navbar/navbar'
import {FakePlayground} from 'client/intro/fake-playground/fake-playground'
import {PlayerList} from 'client/player-list/player-list'
import {PlayerService} from 'client/player/player-service'
import {Player} from 'client/player/player'
import {ProtectedDirective} from 'client/directives/protected-directive'
import {SentInvitation} from 'client/invitation/sent-invitation'
import {ReceivedInvitation} from 'client/invitation/received-invitation'
import {Invitations} from 'lib/invitations'
import {Router} from 'angular2/router'

@Component({
  selector: 'intro'
})
@View({
  templateUrl: 'client/intro/intro.html',
  directives: [
    Navbar,
    PlayerList,
    FakePlayground,
    ProtectedDirective,
    SentInvitation,
    ReceivedInvitation
  ]
})
export class Intro extends MeteorComponent implements OnInit {
  currentPlayer: Player
  invitation: Mongo.Cursor<Object>

  constructor(
    public playerService: PlayerService,
    private _router:Router
  ) {
    super()
  }

  getInvitation() {
    this.subscribe('invitations', () => {
      this.invitation = Invitations.find({$or: [
        {$and: [
          {"sender._id": this.currentPlayer._id},
          {status: 1}
        ]},
        {$and: [
          {"recipient._id": this.currentPlayer._id},
          {status: 1}
        ]}
      ]})
      this.autorun(() => {
        console.log('autorun')

        if(this.invitation){
          console.log('game started')
          this._router.navigate(['Game'])
        }
      })
    })
  }

  getPlayer() {
    this.currentPlayer = this.playerService.getCurrentPlayer()
  }

  ngOnInit() {
    this.getPlayer()
    this.getInvitation()
  }
}

在我的幻想中，在 ngOnInit 中调用的 getInvitation() 应该订阅 'invitations' collection 和 autorun() 应该检查是否找到文档，如果找到应该更改路由。但是我没有收到错误，路线也没有改变。哪种方法应该是反应性地更改路由以响应集合更改的正确方法？

Answer 1

好吧，我使用 this.autorun() 的方式不对。它要简单得多：

import {View, OnInit, Component} from 'angular2/core'
import {MeteorComponent} from 'angular2-meteor'
import {Navbar} from 'client/navbar/navbar'
import {FakePlayground} from 'client/intro/fake-playground/fake-playground'
import {PlayerList} from 'client/player-list/player-list'
import {PlayerService} from 'client/player/player-service'
import {Player} from 'client/player/player'
import {ProtectedDirective} from 'client/directives/protected-directive'
import {SentInvitation} from 'client/invitation/sent-invitation'
import {ReceivedInvitation} from 'client/invitation/received-invitation'
import {Invitations} from 'lib/invitations'
import {Router} from 'angular2/router'

@Component({
  selector: 'intro'
})
@View({
  templateUrl: 'client/intro/intro.html',
  directives: [
    Navbar,
    PlayerList,
    FakePlayground,
    ProtectedDirective,
    SentInvitation,
    ReceivedInvitation
  ]
})
export class Intro extends MeteorComponent implements OnInit {
  currentPlayer: Player

  constructor(
    public playerService: PlayerService,
    private _router:Router
  ) {
    super()
  }

  getPlayer() {
    this.currentPlayer = this.playerService.getCurrentPlayer()
  }

  ngOnInit() {
    this.getPlayer()
    this.autorun(() => {
      if (Invitations.findOne({
        $or: [
          {$and: [{"sender._id": this.currentPlayer._id},{status: 1}]},
          {$and: [{"recipient._id": this.currentPlayer._id},{status: 1}]}
        ]
      })) {
        this._router.navigate(['Game'])
      }
    })
  }
}

Angular 2 Meteor 被动改变路线

Angular 2 Meteor change route reactively

meteor

angular2-meteor

angular