Meteor angular-ui-router 路由逻辑答案

【问题标题】：Meteor angular-ui-router routing logicMeteor angular-ui-router 路由逻辑
【发布时间】：2016-07-13 15:47:32
【问题描述】：

嗨，当用户被定向到一个页面时，我想执行逻辑检查以查看集合中是否有任何条目缺少属性，如果有，则重定向用户。这是我对代码外观的一些想法，但我看不到让订阅在 routes.js 文件中工作

routes.js

.state('pendingVisits', {
    url: '/pendingVisits',
    templateUrl: ()=> {
      if (Meteor.isCordova) {
        return '/packages/visitry-mobile/client/visits/pending-visits/pending-visits.html';
      } else {
        return '/packages/visitry-browser/client/visits/pending-visits/pending-visits.html';
      }
    },
    controller: 'pendingVisitsCtrl as pendingVisits',
    resolve:{
      feedback: function($location){
        Meteor.subscribe('visits');
        var v = Visits.findOne({feedbackId});
        if(v){
          $location.url('/visits/'+v._id+'/feedback');
        }
      }
    }
});

基本上，我正在尝试做一些类似于 Uber 的 UI，如果最后一个事件没有反馈，我会显示反馈页面。谢谢您的帮助。如果您需要更多代码或信息，请告诉我。

【问题讨论】：

我读过一些文章说将这种类型的逻辑放在路由器中是一种反模式，因为您需要等待数据加载。谁能证实这一点？似乎如果我将逻辑放在 pendingVisits 控制器中，该视图会在用户被重定向之前短暂闪烁

标签： javascript angularjs meteor angular-ui-router angular-meteor

【解决方案1】：

我可以使用 Tracker.autorun() 解决这个问题，这是我使用的解决方案：

resolve:{
  feedback:function($location){
    const visits = Meteor.subscribe('visits');
    Tracker.autorun(()=>{
      const isReady = visits.ready();
      var visitNeedingFeedback = Visits.findOne({feedbackId:null})
      if(isReady && visitNeedingFeedback){
        console.log("Yes lets go to feedbacks");
        $location.url('/feedback/'+ visitNeedingFeedback._id);
      }else{
        console.log(`Visits data is ${isReady ? 'ready' : 'not ready'}`)
      }
    })
  }
}

【讨论】：