角度流星ui路由器未加载答案

【问题标题】：angular meteor ui-router not loading角度流星ui路由器未加载
【发布时间】：2016-06-14 20:18:59
【问题描述】：

我正在尝试使用 ui-router 来处理带有流星角应用程序的路由。我正在关注流星Whatsapp教程here

这是处理 ui-router 的代码

login.controller.js

export default class LoginController extends Controller {

    login() {
        Meteor.loginWithFacebook({}, function(err){
            if (err) {
                throw new Meteor.Error('Facebook login error')
            } else {
                var user = Meteor.users.find().fetch();
                this.$state.go('tabs');
            }
        });
    }
}

LoginController.$inject = ['$state'];

routes.js

class RoutesConfig extends Config {
    configure() {
        this.$stateProvider
            .state('login', {
                url: '/login',
                templateUrl: 'client/templates/login.html',
                controller: 'LoginController as login'
            })
            .state('tabs', {
                url: '/tabs',
                templateUrl: 'client/templates/tabs.html'
            });

        this.$urlRouterProvider.otherwise('login');
    }
}

RoutesConfig.$inject = ['$stateProvider', '$urlRouterProvider'];

class RoutesRunner extends Runner {
  run() {
    this.$rootScope.$on('$stateChangeError', (...args) => {
      const err = _.last(args);

      if (err === 'AUTH_REQUIRED') {
        this.$state.go('login');
      }
    });
  }
}

RoutesRunner.$inject = ['$rootScope', '$state'];

export default [RoutesConfig, RoutesRunner];

在登录屏幕之后，应用程序应该转到另一个视图，但我在控制台中收到了此消息。

Exception in delivering result of invoking 'login': TypeError: Cannot read property 'go' of undefined
    at http://localhost:3000/app/app.js?hash=8f1e5c5eb688417de85584fbdefdc289814dac42:151:17
    at Accounts.callLoginMethod.userCallback (http://localhost:3000/packages/accounts-oauth.js?hash=ac90001ebf17b2b7e1ebf1370330775b19248242:165:7)
    at http://localhost:3000/packages/accounts-base.js?hash=9a2df45ebeba9d14f693547bc91555a09feda78e:322:26
    at http://localhost:3000/packages/underscore.js?hash=27b3d669b418de8577518760446467e6ff429b1e:794:19
    at loggedInAndDataReadyCallback (http://localhost:3000/packages/accounts-base.js?hash=9a2df45ebeba9d14f693547bc91555a09feda78e:434:5)
    at MethodInvoker._callback (http://localhost:3000/packages/meteor.js?hash=ae8b8affa9680bf9720bd8f7fa112f13a62f71c3:1105:22)
    at MethodInvoker._maybeInvokeCallback (http://localhost:3000/packages/ddp-client.js?hash=b5f1b97df6634673c68f37914ae9f4c3231c438e:3541:12)
    at MethodInvoker.receiveResult (http://localhost:3000/packages/ddp-client.js?hash=b5f1b97df6634673c68f37914ae9f4c3231c438e:3561:10)
    at Connection._livedata_result (http://localhost:3000/packages/ddp-client.js?hash=b5f1b97df6634673c68f37914ae9f4c3231c438e:4681:9)
    at onMessage (http://localhost:3000/packages/ddp-client.js?hash=b5f1b97df6634673c68f37914ae9f4c3231c438e:3369:12)

【问题讨论】：

应该是this.$urlRouterProvider.otherwise('/login');
我同意，但这不是问题所在。 this.$state.go('link') 导致 $state 未定义的错误。
如果你能把它变成一个plunker真的很棒
我可以通过 gmail 与您分享吗？ Plunkr 不会有完全相同的项目结构。
你确定... tirthrajbarot2394@gmail.com

标签： javascript angularjs meteor angular-meteor

【解决方案1】：

你的 app.js 应该有反向加载函数调用.. as

// Libs
import 'angular-animate';
import 'angular-meteor';
import 'angular-sanitize';
import 'angular-ui-router';
import 'ionic-scripts';
import Angular from 'angular';
import Loader from 'angular-ecmascript/module-loader';
import { Meteor } from 'meteor/meteor';

// Modules
import LoginController from '../controllers/login.controller';
import Routes from '../routes';

const App = 'Whatsapp';

// App
Angular.module(App, [
  'angular-meteor',
  'ionic'
]);

new Loader(App)
    .load(LoginController)
    .load(Routes);

// Startup
if (Meteor.isCordova) {
  Angular.element(document).on('deviceready', onReady);
}
else {
  Angular.element(document).ready(onReady);
}

function onReady() {
  Angular.bootstrap(document, [App]);
}

【讨论】：