ionic / angular $ state.go为登录页面提供空白屏幕

时间:2017-02-05 18:59:12

标签: angularjs firebase ionic-framework angular-ui-router firebase-authentication

我正在尝试使用firebase为我的离子应用程序实现登录/验证页面,但遇到了一些问题。

我在我的应用程序的主要部分使用选项卡,但是当我尝试将用户重定向到登录页面(隐藏我的选项卡式视图)时,登录页面显示为空白,尽管状态和URL被正确定向。这是我声明状态和标签的地方:

UPDATE CARS_TABLE T 
JOIN ENGING_DERIVE R ON T.ID = R.ID
SET T.TUNING_PERFORM = R.BORE * R.STROKE 

我的重定向发生在run函数中:

val df = sc.textFile("hdfs path of data");

df.mapToPair("email", <whole_record>)
  .groupBy(//will be done based on key)
  .map(//will run on each bag )

最后,我的templates / auth / login.html文件如下所示:

.config(function($stateProvider, $urlRouterProvider) {

  // setup an abstract state for the auth section
  .state('auth', {
    url: '/auth',
    abstract: true,
  })

  .state('auth.login', {
    url: '/login',
    views: {
      'main-view1': {
        templateUrl: 'templates/auth/login.html',
        controller: 'LogInCtrl'
      }
    },
    data: {
      authenticate: false
    }
  })

  .state('auth.signup', {
    url: '/signup',
    views: {
      'main-view2': {
        templateUrl: 'templates/auth/signup.html',
        controller: 'SignUpCtrl'
      }
    },
    data: {
      authenticate: false
    }
  })

  // setup an abstract state for the tabs directive
    .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html'
  })

  // Each tab has its own nav history stack:

  .state('tab.home', {
    url: '/home',
    views: {
      'tab-home': {
        templateUrl: 'templates/tab-home.html',
        controller: 'homeCtrl'
      }
    },
    data: {
      authenticate: true
    }
    });
});

在实施登录页面时我出错的任何想法?

1 个答案:

答案 0 :(得分:0)

我不会采用层次结构方式登录/注册部分。您应该创建没有auth的简单状态。 (它似乎没有强制性)。如果您决定将其删除,则需要删除ui-view引用,&#34; main-view1&#34;和&#34; main-view2&#34;,因为那些指示视图将被加载的位置,并且需要在父模板内声明。

如果您仍想保留作者父视图,您需要的是为抽象状态创建模板并使用ui-view属性声明div,为其命名为&#34; main-view& #34;然后将auth.login和auth.signup ui-view引用更改为&#34; main-view&#34;。