Angularjs 角度ui路由器崩溃浏览器

所以我不知道怎么回事，但我假设我有一个循环在我的代码的后台运行，或者我的路由错误。但我所知道的是，当我试图转到我的索引页时，我的整个浏览器都被关闭了，没有错误或任何东西，只是崩溃了。如果有任何帮助，我将不胜感激。我只是想摆脱这个问题。如果这改变了任何事情，我将使用rails后端

planoxApp.config(['$stateProvider','$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
  $stateProvider
  .state('home', {
    url: '/',
    templateUrl: 'templates/home/nav.html',
    authenticate: true
  })
    .state('home.index', {       // our home page
      url: '/index',
      views: {
        "": {templateUrl: 'templates/home/home.html'},
        "assembly@index": { templateUrl: "templates/home/assembly.html" },
        "client@index": { templateUrl: "templates/home/client.html" },
        "photoplan@index": { templateUrl: "templates/home/home_photoplan.html" }
      },
      authenticate: true
    })

这里是导致问题的主要路线，主页只是一个导航栏，当你进入主页选项卡时，它应该带你进入索引页，但没有骰子。我不确定我应该展示多少控制器，但这里有一小部分。它是直接影响路线的部分

app.run(function ($rootScope,$location, $localStorage){
    $localStorage.recent = ""
      $rootScope.$on('$routeChangeSuccess', function() {
        console.log("working")
          recent.push($location.$$path);
      });
});


app.run(function ($rootScope, $state, AuthService) {
    $rootScope.$on("$stateChangeStart", function(event, toState, toParams, fromState, fromParams){
      if (toState.authenticate && !AuthService.isAuthenticated()){
        // User isn’t authenticated
        console.log(AuthService.isAuthenticated())
        $state.transitionTo("login");
        event.preventDefault();
      }
    });
  });




  // GET request Area
  $http.get('client.JSON').success(function(data){
    $scope.clients = data;
  });
  $http.get('photoplan.JSON').success(function(data){
    $scope.photoplans = data;
    $scope.complete = true;
    // if(main.photoplans.plano_order_status === "Complete"){
    //   console.log()
    //   $scope.complete = true;
    // }else{
    //   $scope.complete = false;
    // }

  });
    $http.get('assembly.JSON').success(function(data){
      // main.assemblys = $filter('filter')(data, function(d){return d.employee_id == mainid});
      $scope.assemblys = data;
      console.log($scope.assemblys)
    });
    $http.get('employee.JSON').success(function(data){
      $scope.employees = data;
    });
}]);

这是索引页，它有一个嵌套视图，所有视图看起来大致相同

<div class="container" ng-controller="MainCtrl">

<!-- Main Section -->
    <div class="home no-subheader container">
      <div class="row" >

        <!-- left -->
        <section name="assembly-queue"  class="molding col-md-4" id="assembly">
          <div class="gutter"  >
            <div ui-view="assembly"> </div>
            </div>
          </section>

        <!-- <section name="employee-queue" ng-if="type === 'admin'" class="molding col-md-4" id="employee">
          <div class="gutter"  id="scrollArea">
            <div ui-view=".employee"></div>
          </div>
      </section> -->

        <!-- middle -->
        <section name="clients" class="molding col-md-4" id="clients">
          <div class="gutter"  >

        <div ui-view="client"> </div>

      </div>
      </section>

        <!-- right -->
        <section name="photoplans" class="molding col-md-4" id="photoplans">
          <div class="gutter"   >
        <div ui-view="photoplan"> </div>
      </div>
    </section>

      </div>
    </div>
    </div>

这是汇编页面

<div id="expanding" >
<div class="top row">
      <h2> Assembly Queue</h2>
      <form class="navbar-form navbar-left default" role="search">
        <div class="form-group">
          <input type="text" ng-model="searchassembly" class="form-control query" placeholder="Search Assembly Queue">
        </div>

      </form>
    </div>
    </div>
    <article class="assembly snippet row" ng-repeat="assembly in assemblys|filter:searchassembly" > 
    <div class="left col-xs-7" >
        <address>{{assembly.address_part1}},{{assembly.address_part2}}</address>
        <p class="timeline-data"> Due on {{assembly.date_due}}</p>
        <p class="timeline-data"> Job Type: {{assembly.job_type}}</p>
        <p class="timeline-data"> Delivery Type: {{assembly.delivery_type}}</p>
      </div>
      <div class="right col-xs-5 text-center">
        <div class="corner-ribbon" ng-click="open(assembly.id)" > </div>
        <button ng-if="assembly.new_order" class="btn btn-default" ui-sref="photoplans({ id : assembly.photoplan_id })" ><span class="fa fa-pencil-square-o" aria-hidden="true"></span></button>
        <button ng-if="assembly.new_order === false" class="btn btn-default" ui-sref="assign({address : assembly.address, realtor: assembly.realtor})" ><span class="fa fa-external-link" aria-hidden="true"></span></button>
      </div> 
  </article>

装配队列
{{assembly.address_part1}}，{{{assembly.address_part2}
到期日{{assembly.date\u Due}
作业类型：{{assembly.Job_Type}

交付类型：{{assembly.Delivery_Type}

---

如果有人有类似的问题，或者可以看到这方面的危险信号，请让我知道，我真的被困在这个问题上了。

好的，所以我自己找到了答案，我把解决方案留给可能有这个问题的未来人。但基本上我需要在我回家的路上有一些类似的词，所以我需要的不是/而是/家。因为浏览器试图加载此#//索引，这导致崩溃。在一起使用rails和angular时，请确保具有命名路由以防止此问题。还要确保嵌套视图如下所示，whatever@parent.child. 这是我的新密码

planoxApp.config(['$stateProvider','$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
  $stateProvider
  .state('home', {
    url: '/home',
    templateUrl: 'templates/home/nav.html',
    authenticate: true
  })
    .state('home.index', {       // our home page
      url: '/index',
      views: {
        "": {templateUrl: 'templates/home/home.html'},
        "assembly@home.index": { templateUrl: "templates/home/assembly.html" },
        "client@home.index": { templateUrl: "templates/home/client.html" },
        "photoplan@home.index": { templateUrl: "templates/home/home_photoplan.html" }
      },
      authenticate: true
    })

---

好的，我自己找到了答案，我把解决方案留给未来可能有这个问题的人。但基本上我需要在我回家的路上有一些类似的词，所以我需要的不是/而是/家。因为浏览器试图加载此#//索引，这导致崩溃。在一起使用rails和angular时，请确保具有命名路由以防止此问题。还要确保嵌套视图如下所示，whatever@parent.child. 这是我的新密码

planoxApp.config(['$stateProvider','$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
  $stateProvider
  .state('home', {
    url: '/home',
    templateUrl: 'templates/home/nav.html',
    authenticate: true
  })
    .state('home.index', {       // our home page
      url: '/index',
      views: {
        "": {templateUrl: 'templates/home/home.html'},
        "assembly@home.index": { templateUrl: "templates/home/assembly.html" },
        "client@home.index": { templateUrl: "templates/home/client.html" },
        "photoplan@home.index": { templateUrl: "templates/home/home_photoplan.html" }
      },
      authenticate: true
    })