我无法将此ngDialog模块与AngularJs配合使用,因此需要寻找一些提示我出错了。

我的Json文件名为abc.json

[{"id":
  [
      {
          "value":"text_id",
          "desc":"Text id"
      },
      {
          "value":"group_id",
          "desc":"Group id"
      },
  ]
}]


角度控制器

'use strict';

angular.module('mine.controllers', [])
        .controller('myController', ['$scope', '$sce', '$http',  function($scope, $sce, $http, ngDialog) {
            $http.get('abc.json')
            .success(function(data) {
              $scope.ids = data;
            });
            $scope.openPlain = function (message) {
              ngDialog.open(message);
            };
          }]);


最后是HTML

<body ng-app="mine">
    <table ng-controller="myController">
        <tr ng-repeat="datas in ids">
            <td>
                <span ng-repeat="iden in datas.id">
                    <a href="" ng-click='openPlain("{{ iden.desc }}")'>{{ iden.value }}</a>,
                </span>
            </td>
        </tr>
    </table>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/ng-dialog/0.2.3/js/ngDialog.min.js"></script>
</body>


这是JsFiddle,但我也无法使其与JsFiddle一起使用,但会出现一些不同的错误。

在本地计算机上,当DOM加载并且从JSON文件正确显示value时,我没有任何错误。但是,当我单击链接时,出现此错误:

TypeError: Cannot call method 'open' of undefined


所以我猜ngDialog未加载或其他。

最佳答案

您没有将ngDialog正确注入到控制器中:

这行:

.controller('myController', ['$scope', '$sce', '$http',
                              function($scope, $sce, $http, ngDialog) {


应该是:

.controller('myController', ['$scope', '$sce', '$http', 'ngDialog',
                             function($scope, $sce, $http, ngDialog) {


这是您的小提琴作品。您未指定用于布局对话框的模板。无论如何,这会让您更进一步。

http://jsfiddle.net/ys01yoLk/5/

关于javascript - 如何使用ngDialog弹出窗口?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25443328/

10-11 12:23