Javascript Angular.js“;“无对象”;添加ng应用程序名称时出错
我无法理解为什么Angular在为ng app属性包含名称时抛出错误 错误是Chrome中的“uncaught object”,位于angular.jsJavascript Angular.js“;“无对象”;添加ng应用程序名称时出错,javascript,angularjs,Javascript,Angularjs,我无法理解为什么Angular在为ng app属性包含名称时抛出错误 错误是Chrome中的“uncaught object”,位于angular.jsfunction miner(module){ 我正在使用缩小的角度库 如果我有,就没有错误。只要我有,Angular就不再工作了 编辑: 添加我的代码 HTML ``` 显示 功能计划TRL($范围){ $scope.plan={“id”:1,“name”:“样本计划-每周四天”,“计划块”:[{“id”:1,“name”:“周一”,“设置模
function miner(module){
我正在使用缩小的角度库
如果我有
,就没有错误。只要我有
,Angular就不再工作了
编辑:
添加我的代码
HTML
```
显示
功能计划TRL($范围){
$scope.plan={“id”:1,“name”:“样本计划-每周四天”,“计划块”:[{“id”:1,“name”:“周一”,“设置模板”:[{“id”:3,“exercise\u id”:14,“exercise\u name”:“Power Clean”,“weight”:100,“reps”:2},{“id”:7,“exercise\u id”:14,“exercise\u name”:“Power Clean”,“weight”:10,“reps”:5},{“id”:4,“exercise\u id”:17,“exercise\u name”:“Hang Clean”,“weight”:100,“reps”:2},{“id”:5,“练习id”:19,“练习名称”:“俯卧撑”,“重量”:2,“重复”:2},{“id”:6,“练习id”:21,“练习名称”:“拉起”,“重量”:5,“重复”:5}]},{“id”:15,“名称”:“星期二”,“设置模板”:[]}}
}
样本计划-每周四天
此平面图中有2个街区。
运动
重量
代表
无套
{{set_template.exercise_name}}
{{set_template.weight}}千克
{{set_template.reps}
```我建议在angular.js文件的第78行添加一个断点
return new Error(message);
并查看消息以了解错误是什么
您还可以在chrome控制台上使用F12来查看是否抛出了错误
此外,请确保在app.js中更改应用程序名称
第二行:
angular.module('App',
您需要创建一个
appModule
,才能使用命名的应用程序
<html ng-app="App">
<head>
<script>
var app = angular.module('App',[]);
app.controller("PlansCtrl", function($scope) {
$scope.plan = {"id":1,"nam ....
});
</script>
</head>
<body ng-controller="PlansCtrl"></body>
</html>
var-app=angular.module('app',[]);
应用控制器(“计划控制”,功能($scope){
$scope.plan={“id”:1,“nam…”。。。。
});
你能分享你的HTML页面和Angular app Javascript文件的代码吗?Liad,这很奇怪。我发布的代码将按原样工作,控制器只是一个命名函数“PlansCtrl”。我使用ng app=“app”的瞬间",有一个错误。如果您在每个div元素ng控制器上定义,则不必使用ng app,但如果您不定义任何控制器,并且只想使用app名称,则可以通过从angular js设置部分来实现这一点,我建议您下载angular种子并使用它。我猜该错误是因为我尝试引用了“angular.modu”“le”而不是“ng.module”?抱歉,这是一个拼写错误,已更正。它是angular.module。如果您看不到angular.module方法(未定义),则不会加载angular。
<html ng-app="App">
<head>
<script>
var app = angular.module('App',[]);
app.controller("PlansCtrl", function($scope) {
$scope.plan = {"id":1,"nam ....
});
</script>
</head>
<body ng-controller="PlansCtrl"></body>
</html>