ng-view '应用程序启动后超出最大调用堆栈大小答案

【问题标题】：ng-view 'Maximum call stack size exceeded after' application startng-view '应用程序启动后超出最大调用堆栈大小
【发布时间】：2020-06-25 19:47:21
【问题描述】：

登录过程完成后，我正在加载一个页面。基本上登录页面有一个 ng-view，登录成功后我试图加载一个全新的页面来替换内容。

$routeProvider
  .when('/', {
    templateUrl: 'views/login.html',
    controller: 'loginCtrl',
    controllerAs: 'login'
  })

  .when('/admin/customerview', {
    templateUrl: 'views/admin/customerview.html',
    controller: 'AdminCustomerviewCtrl',
    controllerAs: 'admin/customerview'
  })

});

<div class="container-fluid" >
    <ng-view></ng-view>
</div>

【问题讨论】：

标签： angularjs angularjs-routing

【解决方案1】：

使controllerAs 属性成为一个简单的标识符：

  .when('/admin/customerview', {
    templateUrl: 'views/admin/customerview.html',
    controller: 'AdminCustomerviewCtrl',
    ̶c̶o̶n̶t̶r̶o̶l̶l̶e̶r̶A̶s̶:̶ ̶'̶a̶d̶m̶i̶n̶/̶c̶u̶s̶t̶o̶m̶e̶r̶v̶i̶e̶w̶'̶
    controllerAs: '$ctrl'
  })

在controllerAs 标识符中间使用斜线（/）会在AngularJS 框架尝试编译模板时引起问题。 AngularJS 将解析带有斜杠的表达式作为除法运算符。

【讨论】：