Angularjs-more模块依赖问题

我正在使用更多的依赖模块为各种application.I想显示ngtable使用指令。但这不起作用。有时没有错误，有一次我得到以下错误 'DemoCtrl'控制器未定义如何解决此问题。Angularjs-more模块依赖问题

的index.html：

<!DOCTYPE html> 
<html ng-app="mrm"> 
<head lang="en"> 
<meta charset="UTF-8"> 
<title>Application</title> 

<link rel="stylesheet" href="css/ocModal.light.css"> 
<link rel="stylesheet" href="css/ocModal.animations.css"> 

<link data-require="[email protected]*" data-semver="0.3.0" rel="stylesheet" href="css/ng-table.css" /> 

<script src="jquery-1.11.1.min.js"></script> 
<script src="angular.min.js"></script> 


<script src="app/app.js"></script> 
</head> 
<body> 
<div class="container"> 
     <dpangTable></dpangTable> 
</div> 

<script data-require="[email protected]*" data-semver="0.3.0" src="ng-table.js"></script> 

<script src="ngTable/ngTable.js"></script> 
<script src="ngTable/ngTable-directive.js"></script> 
</div> 
</body> 
</html>

app.js：

(function() { 
var app = angular.module('mrm', ['ngRoute', 'mrm.lightbox','mrm.ngtbls']); 

})();

ngTable.js：

(function(){ 

var app = angular.module('mrm.ngtbls',['ngTable']); 
app.controller('DemoCtrl',['$scope','ngTableParams', function($scope, ngTableParams) { 
var data = [{name: "Moroni", age: 50}, 
      {name: "Tiancum", age: 43}, 
      {name: "Jacob", age: 27}, 
      {name: "Nephi", age: 29}, 
      {name: "Enos", age: 34}, 
      {name: "Tiancum", age: 43}, 
      {name: "Jacob", age: 27}, 
      {name: "Nephi", age: 29}, 
      {name: "Enos", age: 34}, 
      {name: "Tiancum", age: 43}, 
      {name: "Jacob", age: 27}, 
      {name: "Nephi", age: 29}, 
      {name: "Enos", age: 34}, 
      {name: "Tiancum", age: 43}, 
      {name: "Jacob", age: 27}, 
      {name: "Nephi", age: 29}, 
      {name: "Enos", age: 34}]; 

$scope.tableParams = new ngTableParams({ 
    page: 1,   // show first page 
    count: 10   // count per page 
}, { 
    total: data.length, // length of data 
    getData: function($defer, params) { 
     alert("asfasF"); 
     $defer.resolve(data.slice((params.page() - 1) * params.count(), params.page() *   params.count())); 
    } 
}); 
}]); 

})();

ngTable-directive.js：

(function(){ 
var app=angular.module('mrm.ngtbls',[]); 
app.directive('dpangTable',[function(){ 
    return { 
     restrict:'E', 
     replace:true, 
     controller:'DemoCtrl', 
     templateUrl:'app/views/ngTable.html', 
     link:function(scope,element,attr){ 
     } 
     } 
     }]); 
     })();

ngTable.html：

<div ng-controller="DemoCtrl"> 
    <p><strong>Page:</strong> {{tableParams.page()}}</p> 
    <p><strong>Count per page:</strong> {{tableParams.count()}}</p> 

    <table ng-table="tableParams" class="table"> 
    <tr ng-repeat="user in $data"> 
     <td data-title="'Name'">{{user.name}}</td> 
     <td data-title="'Age'">{{user.age}}</td> 
    </tr> 
    </table> 
    </div>

来源

2014-09-29 goutham l

在ngTable-directive.js您有效地覆盖您在ngTable.js定义是什么。您必须省略angular.module()内的第二个参数。然后你将取出模块而不是重新定义它。

您还应该将全部脚本标记放在头部分或身体部分的末尾。关于Angular，我建议将所有内容放在脑海中，因为我可以想象Angular的引导（它监听DOMContentLoaded事件）可以防止某些模块被随时添加（随机）。

来源

2014-09-29 19:32:50 NicBright

你可以编辑我的code.using jsfiddle – 2014-09-29 19:40:47

不..这是不工作 – 2014-09-29 19:51:08

Angularjs-more模块依赖问题

回答

相关问题