Javascript AngularJS-未知提供程序_Javascript_Angularjs_Angularjs Resource_Angularjs Module

Javascript AngularJS-未知提供程序

javascript angularjs

Javascript AngularJS-未知提供程序,javascript,angularjs,angularjs-resource,angularjs-module,Javascript,Angularjs,Angularjs Resource,Angularjs Module,我正在尝试使用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:

我正在尝试使用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>

但它只给了ma一个错误，即NotesController没有名为“$inject”的方法

不显示任何内容，浏览器返回错误：“错误：未知提供程序：$noteProvider删除$note之前的$Sign。美元符号只是框架用于标识内部提供程序的约定

例如，请尝试：

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();
});

删除$note之前的$Sign。美元符号只是框架的约定，用于标识内部提供者

例如，请尝试：

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();
});

@groovy354，尝试保持代码的一致性，您使用了最小安全Syntax服务，为什么不将其用于控制器？

app.controller（“NotesController”，[“$scope”，“note”，function（$scope，note）{…}）

@groovy354，尽量保持代码的一致性，您使用了最小安全Syntax服务，为什么不将其用于控制器？

app.controller（“NotesController”[“$scope”，“note”，function（$scope，note）{…}]）；

在controllers.JS文件之前包含ngResource JS文件。在controllers.JS文件之前包含ngResource JS文件。