2017-07-25 230 views
1

app.jsUI-路由器ngAA角JS1

var app = angular.module("ng-app",[ 
    'ui.router', 
    'oc.lazyLoad', 
    'ngMaterial', 
    'ngAnimate', 
    'ngMessages', 
    'ngAria', 
    'ngAA', 
    'ngRoute', 
    'ngCookies', 
    'thatisuday.dropzone' 
]); 

config.route.js

app.config(function ($stateProvider, dropzoneOpsProvider, $authProvider, $urlRouterProvider, $httpProvider, $mdThemingProvider, $mdIconProvider, $locationProvider, site_settings) { 

$locationProvider.html5Mode(true); 
$urlRouterProvider.otherwise(function ($injector) { 

    var $state = $injector.get("$state"); 
    $state.go('login'); 
}); 
$mdIconProvider.defaultIconSet('assets/angular-material-assets/img/icons/core-icons.svg', 24); 


$authProvider.signinUrl = site_settings.api_url + 'authenticate'; 
$authProvider.signinState = 'login'; 
$authProvider.signinRoute = '/login'; 
$authProvider.signinTemplateUrl = 'module/auth/views/login.html'; 
$authProvider.afterSigninRedirectTo = 'timeline'; 
$authProvider.afterSignoutRedirectTo = 'login'; 

$stateProvider 
     .state('index', { 
      abstract: true, 
      views: { 
       '@': { 
        templateUrl: 'module/general/views/main.html', 
        controller: 'mainController' 
       }, 
       '[email protected]': { 
        templateUrl: 'module/general/views/navbar.html' 
       } 
      }, 
      resolve: { 
       dep: ['$ocLazyLoad', 
        function ($ocLazyLoad) { 

         return $ocLazyLoad.load(['module/general/mainController.js']).then(function (response) { 

         }); 
        }] 
      } 
     }) 
     .state('signup', { 
      //parent: 'index', 
      url: '/register', 
      views: { 
       'content': { 
        templateUrl: 'module/auth/views/signup.html', 
        controller: 'authController' 
       } 
      }, 
      resolve: { 
       dep: ['$ocLazyLoad', 
        function ($ocLazyLoad) { 
         return $ocLazyLoad.load(['module/auth/authController.js']); 
        }] 
      } 
     }) 
     .state('timeline', { 
      parent: 'index', 
      url: '/timeline', 
      views: { 
       'content': { 
        templateUrl: 'module/timeline/views/timeline.html', 
        controller: 'timelineController' 
       } 
      }, 
      data: { 
       authenticated: true 
      }, 
      resolve: { 
       dep: ['$ocLazyLoad', 
        function ($ocLazyLoad) { 
         return $ocLazyLoad.load(['module/timeline/TimelineController.js']); 
        }] 
      } 
     }) 
     .state('profile', { 
      parent: 'index', 
      url: '/profile/:id', 
      views: { 
       'content': { 
        templateUrl: 'module/profile/views/profile.html', 
        controller: 'ProfileController' 
       } 
      }, 
      data: { 
       authenticated: true 
      }, 
      resolve: { 
       dep: ['$ocLazyLoad', 
        function ($ocLazyLoad) { 
         return $ocLazyLoad.load(['module/profile/ProfileController.js']); 
        }], 
      } 
     }); 
}); 

在該代碼時,我移動到狀態時間軸/簡檔未經認證,他們讓我去我已經使用的狀態

data:{ 
    authentication:true 
} 

但這不適用於我。沒有錯誤。我也嘗試過「requiresLogin:true」,但它也不起作用。登錄/註冊工作正常。 在下面給出image timeline.html和其他html已經加載,他們從後端獲得響應,它會重定向回登錄。這應該發生在前端而不是後端。

enter image description here

回答

0

代碼有沒有錯誤,只是有(UI-路由器版本1.0的α)

npm install ui-router 

兩個包命名爲npm.So我安裝使用的用戶界面,用戶界面的路由器,路由器代替

npm install angular-ui-router 

和刪除的舊節點包。