具有两个依赖项的模块

时间:2014-04-20 20:34:14

标签: angularjs


我正在尝试构建一个用AngularJS编写的REST客户端,该客户端使用 $ resources 来使用REST服务,并使用 ng-grid 库来实现用户界面。 通过使用$ resource模块依赖我的代码工作,但是如果我还引入了ngGrid依赖项,它只显示一个空div。 我对模块的经验不多,但语法似乎正确....

<link rel="stylesheet" type="text/css" href="ng-grid.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="ng-grid-2.0.7.min.js"></script>
<script type="text/javascript" src="angular-resource.js"></script>

<script language="javascript">

      angular.module('myApp',['ngResource'], ['ngGrid']);
            function Ctrl($scope,$resource) {
              var restservice = $resource(
              'http://host/myapp/json', {     
               }, {
               query: { method: 'GET', isArray: true }
            }
          );
              $scope.gridOptions = restservice.query();
         };

  </script>
</head>

<body>
    <div ng-app="myApp">
        <div ng-controller="Ctrl">

            <div class="gridStyle" ng-grid="gridOptions"></div>

        </div>
    </div>
</body>

您是否在上述代码中看到任何错误?
谢谢!     

1 个答案:

答案 0 :(得分:2)

您不需要为每个模块传递一个单独的数组,将它们嵌套在一个这样的数组下。

angular.module('myApp',['ngResource', 'ngGrid']);