Javascript 角控制器内部的无限循环_Javascript_Angularjs

Javascript 角控制器内部的无限循环

javascript angularjs

Javascript 角控制器内部的无限循环,javascript,angularjs,Javascript,Angularjs,当我在窗口中打开我的应用程序时，我陷入了一个无限循环，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"&g

当我在窗口中打开我的应用程序时，我陷入了一个无限循环，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>

<div>hi</div>

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

编辑即使使用templateUrl，它仍然会进入无限循环。以下是更新的配置和模板代码：

barball.js

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

function GameCtrl ($scope) {


}

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

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

templates/field.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>

<div>hi</div>

hi

在此处添加要显示的内容

在你的路线上

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

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

然后将“ngRoute”注入模块

请参阅和.$routeProvider

routeProvider将

的template或templateurl作为参数，当时，它在哪里？我尝试了这个，它说没有定义模块ngRoute。我添加了新的js文件。出于好奇，基本示例使用$routeProvider，而没有将其注入模块中。怎么会？基本示例使用角度1.0.8。您使用的是哪个版本的angular？您的代码只是说angular.min.js1.0.8，2天前下载。我已经根据您的描述创建了一个plunker。对我有用。嗯，很有趣，谢谢你的帮助。我一直没能弄明白，但重新开始似乎是可行的。