Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 无法在angularFire种子回购中使用ui路由器_Angularjs_Node.js_Firebase_Angular Ui Router_Mean Stack - Fatal编程技术网

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>