嘿伙计们,我在当前的项目中遇到了实施ngDialog的问题。 为了测试,我创建了以下工作代码:
test.php的
<html ng-app="myapp">
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.1.6/ng-dialog.min.css" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.1.6/ng-dialog-theme-plain.min.css" />
<script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.21/angular.js" data-semver="1.2.21"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.1.6/ng-dialog.min.js"></script>
<script src="neuejs.js"></script>
</head>
<body ng-controller="MainCtrl">
<button ng-click="openDialog($event)">Open Me!</button>
<script type="text/ng-template" id="templateId">
<div id="target" ng-click="test()" ng-controller="tt">
Bilder
</div>
</script>
</body>
</html>
和单独的neuejs.js:
var app = angular.module('myapp', ['ngDialog']);
app.controller('MainCtrl', function($scope, ngDialog) {
$scope.openDialog = function($event) {
var dialog = ngDialog.open({
template: 'templateId',
scope: $scope,
controller: 'FileController',
$event: $event,
className: 'ngdialog-theme-plain'
});
};
});
这很好用。正是我想要的。 我现有的项目有一个带
的app.js文件var iMPULS = angular.module('iMPULS', []);
并且该项目也可以正常工作,但如果我想使用ngDialog并将模块更改为:
var iMPULS = angular.module('iMPULS', ['ngDialog']);
整个布局有点混乱,我的iMPULS.conf中没有链接工作了,我在Firefox-Browserconsole中得到了关于angular.min.js的“错误:没有模块:ngDialog”。
怎么会这样?我只是将'ngDialog'添加到app.js中的模块,就像上面的测试文件一样。