0

我正在使用 $resource 来显示一个 json 列表文件,并想知道它为什么会生成错误消息:

 Unknown provider: $resourceProvider <- $resource

这是代码:

HTML:

 <div ng-app="manage">
 .....

   <div class="widget-content" ng-controller="testCtrl">
    {{test}}
   </div>

应用程序.js

 angular.module('manage',['ngResource']);

和controller.js

 function testCtrl($scope,$resource) {
   var dataService = $resource('/users/1/test.json');
   $scope.test = dataService.get();
 }

似乎它在 plunkr http://plnkr.co/edit/bJfJurl6Gtw3qRcn4ViW?p=preview上运行良好 但不适用于我的应用程序。我使用完全相同的结构..(即使加载角度和角度资源文件顺序)

我能注意到的唯一区别是 angularJS 版本(我在我的应用程序上使用 1.0.2),当然还有 json 文件。

我究竟做错了什么 ?

更新 :

我在 plunkr 上更改了角度版本。现在两边都一样

4

1 回答 1

2

好的,刚刚找到它!问题是我的应用程序中有 2 个角度模块。在 html 标签上,我有一个管理 Bootstrap 和 jQuery UI 的整个应用程序,并且在这个模块的特定部分。

如果我们不在主应用程序模块上添加 ngResource,则会发生此错误,但是如果我们定义这个

<html ng-app="ui">
......
<div ng-app="manage">

在 Angular app.js 中

 angular.module('ui', ['ui.bootstrap','ui.sortable', 'ngResource']);

 angular.module('manage', ['ngResource']);

然后它的工作原理!

我在 Angular Docs 中找不到任何解释这一点的东西。但总的来说非常感谢帮助我的@Thomas :)

于 2013-09-26T07:31:43.040 回答