无法使用Angular ngDialog打开然后使用Dialog

时间:2015-09-23 12:47:08

标签: javascript angularjs

我是angularjs的新手。我无法使用ngDialog打开对话框 这就是我的函数在controller.js中的作用

(function () {
  var PersonController = function ($scope, $http, ngDialog ) {
    $http.get("http://localhost:49889/api/Persons").success(function (res) {
      $scope.person = res;
      $scope.Edit = function () {
        debugger;
        ngDialog.open({
          template: '<div><h1>I am Ng Dialog</h1></div>',
          plain: true,
          scope: $scope.person
        });
      }
    });
  }
  angular.module("MyApp").controller('PersonController', ["$scope", "$http" , PersonController]);
}());

我还在主应用程序中添加了依赖项。

2 个答案:

答案 0 :(得分:2)

这里有两个不同的问题。

第一个,正如Pavel回应的那样,依赖注入中缺少ngDialog

第二件事是你给$scope.person参数一个简单的对象(scope)。您需要提供完整的$scope。 你的代码应该成为这个:

ngDialog.open({
    template: '<div><h1>I am Ng Dialog</h1></div>',
    plain: true,
    scope: $scope
});

答案 1 :(得分:0)

尝试在注射列表中添加ngDialog依赖项:

angular.module("MyApp").controller('PersonController', ["$scope", "$http" , "ngDialog", PersonController]);