gpt4 book ai didi

javascript - AngularJS - 未知提供者

转载 作者:行者123 更新时间:2023-11-30 10:29:37 26 4
gpt4 key购买 nike

我正在尝试使用 AngularJS 创建一个小型笔记应用程序,但我在一开始就遇到了麻烦。这是我的 .js 文件:

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

app.factory("note", ['$resource', function($resource){
return $resource("/api/notes/:id", {id:'@id'}, {
query: {method: "GET", isArray: true}});
}
]
);

app.controller("NotesController", function($scope, $note){
console.log("I am being constructed");
$scope.notes = $note.query();
});

这是 html 文件:

<html>
<head>
<title>Jotted</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<script src="js/controllers/controllers.js"></script>
<script src="http://code.angularjs.org/1.0.6/angular-resource.js"></script>
<link href='style/main.css' rel='stylesheet'>
</head>
<body ng-app="app" >
<div ng-controller="NotesController">
<div ng-repeat="note in notes">
{{note.title}}
</div>
</div>
</body>
</html>

我试过添加

NotesController.$inject("$scope", "Note");

但它只给了 ma 一个错误,指出 NotesController 没有名为“$inject”的方法。

什么都不显示,浏览器返回错误:“错误:未知提供者:$noteProvider <- $note”。当然,我遗漏了一些明显的东西,但我无法确定。问题出在哪里?

最佳答案

删除 $note 之前的 $ 符号。美元符号只是框架的一种约定,用于识别内部提供者,...。

例如尝试:

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

app.factory("note", ['$resource', function($resource){
return $resource("/api/notes/:id", {id:'@id'}, {
query: {method: "GET", isArray: true}});
}
]
);

app.controller("NotesController", function($scope, note){
console.log("I am being constructed");
$scope.notes = note.query();
});

关于javascript - AngularJS - 未知提供者,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17654061/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com