Angularjs 无法在angularFire种子回购中使用ui路由器
我正在使用此回购协议:Angularjs 无法在angularFire种子回购中使用ui路由器,angularjs,node.js,firebase,angular-ui-router,mean-stack,Angularjs,Node.js,Firebase,Angular Ui Router,Mean Stack,我正在使用此回购协议: https://github.com/firebase/firebase-angular-starter-pack/tree/master/angularFire-seed 作为我的应用程序的起点,我想用ui路由器替换本机角度路由 但是,在我使用ui路由器进行更改后,firebase连接将崩溃,以下是控制台消息: The connection to wss://s-dal5-nss-20.firebaseio.com/.ws?v=5&ns=angular-fir
https://github.com/firebase/firebase-angular-starter-pack/tree/master/angularFire-seed
作为我的应用程序的起点,我想用ui路由器替换本机角度路由
但是,在我使用ui路由器进行更改后,firebase连接将崩溃,以下是控制台消息:
The connection to wss://s-dal5-nss-20.firebaseio.com/.ws?v=5&ns=angular-fire-powder was interrupted while the page was loading.
缩小范围后(已成功添加ui router包),还使用以下说明修改routesecurity.js文件:
,我真的找不到问题出在哪里
当我“git stash”以下三个文件时,项目将正常工作:
modified: app/index.html
modified: app/js/module.routeSecurity.js
modified: app/js/routes.js
这里也有变更申请,请帮忙
app/index.html
<ul class="menu">
- <li><a href="#/home">home</a></li>
+ <!-- <li><a href="#/home">home</a></li>
<li><a href="#/chat">chat</a></li>
<li ng-show-auth="logout,error"><a href="#/login">login</a></li>
- <li ng-show-auth="login"><a href="#/account">account</a></li>
+ <li ng-show-auth="login"><a href="#/account">account</a></li> -->
+
+ <li><a ui-sref="home">home</a></li>
+ <li><a ui-sref="chat">chat</a></li>
+ <li ng-show-auth="logout,error"><a ui-sref="login">login</a></li>
+ <li ng-show-auth="login"><a ui-sref="account">account</a></li>
</ul>
app/js/routes.js
+ // .config(['$routeProvider', function($stateProvider) {
+ .config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
+ // $routeProvider.when('/home', {
+ // templateUrl: 'partials/home.html',
+ // controller: 'HomeCtrl'
+ // });
+
+ // $routeProvider.when('/chat', {
+ // templateUrl: 'partials/chat.html',
+ // controller: 'ChatCtrl'
+ // });
+
+ // $routeProvider.when('/account', {
+ // authRequired: true, // must authenticate before viewing this page
+ // templateUrl: 'partials/account.html',
+ // controller: 'AccountCtrl'
+ // });
+
+ // $routeProvider.when('/login', {
+ // templateUrl: 'partials/login.html',
+ // controller: 'LoginCtrl'
+ // });
+
+ $urlRouterProvider.otherwise("/home");
+
+ $stateProvider
+ .state('home', {
+ url: "/home",
+ templateUrl: "partials/home.html",
+ controller: 'HomeCtrl'
+ })
+ .state('chat', {
+ url: "/chat",
+ templateUrl: "partials/chat.html",
+ controller: 'ChatCtrl'
+ })
+ .state('account', {
+ url: "/account",
+ templateUrl: "partials/account.html",
+ controller: 'AccountCtrl',
+ data: {
+ authRequired: true, // must authenticate before viewing this page
+ }
+ })
+ .state('login', {
+ url: "/login",
+ templateUrl: "partials/login.html",
+ controller: 'LoginCtrl'
+ });
}]);
回购:审核单据后,发现以下代码需要更改: 从
到
+ // .config(['$routeProvider', function($stateProvider) {
+ .config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
+ // $routeProvider.when('/home', {
+ // templateUrl: 'partials/home.html',
+ // controller: 'HomeCtrl'
+ // });
+
+ // $routeProvider.when('/chat', {
+ // templateUrl: 'partials/chat.html',
+ // controller: 'ChatCtrl'
+ // });
+
+ // $routeProvider.when('/account', {
+ // authRequired: true, // must authenticate before viewing this page
+ // templateUrl: 'partials/account.html',
+ // controller: 'AccountCtrl'
+ // });
+
+ // $routeProvider.when('/login', {
+ // templateUrl: 'partials/login.html',
+ // controller: 'LoginCtrl'
+ // });
+
+ $urlRouterProvider.otherwise("/home");
+
+ $stateProvider
+ .state('home', {
+ url: "/home",
+ templateUrl: "partials/home.html",
+ controller: 'HomeCtrl'
+ })
+ .state('chat', {
+ url: "/chat",
+ templateUrl: "partials/chat.html",
+ controller: 'ChatCtrl'
+ })
+ .state('account', {
+ url: "/account",
+ templateUrl: "partials/account.html",
+ controller: 'AccountCtrl',
+ data: {
+ authRequired: true, // must authenticate before viewing this page
+ }
+ })
+ .state('login', {
+ url: "/login",
+ templateUrl: "partials/login.html",
+ controller: 'LoginCtrl'
+ });
}]);
<div ng-view></div>
<div ui-view></div>