如何将依赖项注入到angularjs中的routeProvider的resolveRedirectTo中

时间:2017-08-10 10:15:40

标签: javascript angularjs angular-ui-router angularjs-rootscope

请帮我理解如何将$ rootScope注入$ routeProvider的resolveRedirectTo。我检查了官方文档(https://docs.angularjs.org/api/ngRoute/provider/ $ routeProvider),但我找不到一个更好的理解它的工作示例。请帮忙

我尝试了以下代码,但没有被调用。

<template>
  <div id="app">
    <router-view name='login' @login="login=true"></router-view>
    <router-view name='header' @logout="login=false"></router-view>
    <keep-alive v-if="login">
      <router-view name='write'></router-view>
    </keep-alive>
    <router-view name='management'></router-view>
    <router-view name='account'></router-view>
    <router-view name='statistics'></router-view>
    <router-view name='view'></router-view>
    <router-view name='password'></router-view>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      login: true
    }
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 0;
  height: 100%;
}
</style>

1 个答案:

答案 0 :(得分:-1)

您需要以此形式编写它才能注入依赖项

$routeProvider.when("/", {
    resolveRedirectTo: ['dependency1','dependency2',function(dependency1, dependency2){
            .....
        }]
})