javascript - 角度控制器内部的无限循环

Question

当我在窗口中打开我的应用程序时，我陷入了一个无限循环，其中 angular 不断调用GameCtrl并冻结窗口。这是代码： index.html

<!DOCTYPE html>
<html ng-app="baseball">
  <head>
    <script src="/js/vendor/angular.min.js"></script>
    <script src="/js/vendor/d3.v3.min.js"></script>
    <script src="/js/baseball.js"></script>
  </head>
  <body>
    <div ng-view></div>
  </body>
</html>

baseball.js

var app = angular.module('baseball', []);

function GameCtrl ($scope) {


}

app.config(function ($routeProvider) {
  $routeProvider
    .when('/', {
      controller: GameCtrl,
    })
    .otherwise({redirectTo:'/'});
});

我觉得这应该是微不足道的；任何帮助将非常感激。

编辑

即使使用 templateUrl，它仍然会进入无限循环。这是更新的配置和模板代码： baseball.js

app.config(function ($routeProvider) {
  $routeProvider
    .when('/', {
      controller: GameCtrl,
      templateUrl: '/templates/field.html'
    })
    .otherwise({redirectTo:'/'});
});

templates/field.html

<div>hi</div>

score 0 · Accepted Answer

您需要在头部包含 angular-route.js

然后将'ngRoute'注入你的模块。

请参阅http://docs.angularjs.org/api/ngRoute和http://docs.angularjs.org/api/ngRoute .$routeProvider

score 0 · Accepted Answer

<div ng-view></div> 在您的路线中添加您要在此处显示的内容

$routeProvider
.when('/', {
   controller: GameCtrl,
   templateUrl: path/to/your_content.html
})

javascript - 角度控制器内部的无限循环

编辑

2 回答 2

Related

Reference