AngularJS ngDialog“错误:无模块:ngDialog”

时间:2016-08-16 21:11:33

标签: angularjs

嘿伙计们,我在当前的项目中遇到了实施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中的模块,就像上面的测试文件一样。

0 个答案:

没有答案