为什么角度不起作用？

出了什么问题？为什么角度不起作用？

<!doctype html> 
<html lang="en" ng-app='SOO'> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
</head> 
<body> 
    <div ng-controller='someController'> 
     <p>{{someData}}</p> 
    </div> 
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular-route.min.js"></script> 
    <script> 
     $(function(){ 
      var app = angular.module('SOO', ['ngRoute']); 
      app.controller('someController', function($scope){ 
       $scope.someData = 'Ok, all good!'; 
      }) 
     }) 
    </script> 
</body> 
</html>

和错误消息在控制台：

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.0-beta.7/$injector/modulerr?p0=app&p1=Error…s.org%2F1.3.0-beta.7%2F%24injector%2Fnomod%3Fp0%3Dapp%0A%20%20%20%20at%20E...<omitted>...2) angular.js:36

但是从官方网站实例工作正常。我看不出有什么严重的区别。

来源

2014-05-01 AlekseyDanchin

请改变问题的标题。 – NewUser

变化：

var app = app.module('SOO', ['ngRoute']);

要：

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

并卸下包裹你的代码jQuery的文件准备好处理：

<script> 
    var app = angular.module('SOO', ['ngRoute']); 
    app.controller('someController', function($scope){ 
    $scope.someData = 'Ok, all good!'; 
    }); 
</script>

从documentation：

角在DOMContentLoaded事件自动初始化或当的angular.js脚本进行评估，如果当时document.readyState 设置为“完整的”。此时，Angular会查找指定应用程序根目录的ng-app 指令。

来源

2014-05-01 05:59:56 tasseKATT

只要删除Jquery语句$（function（）{}），那么一切工作正常。

<!doctype html> 
<html lang="en" ng-app='SOO'> 
    <head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    </head> 
    <body> 
    <div ng-controller='someController'> 
     <p>{{someData}}</p> 
    </div> 
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular-route.min.js"></script> 
    <script>  
     var app = angular.module('SOO', ['ngRoute']); 
     app.controller('someController', function($scope){ 
     $scope.someData = 'Ok, all good!'; 
     });   
    </script> 
    </body> 
</html>

来源

2014-05-01 10:07:23 suneetha

为什么角度不起作用？

回答

相关问题