Question

我在我的项目中使用angular-ui-bootstrap并使用bootstrap模式。但是当我提交时我的模态有问题我无法调用范围而我收到错误＆＃34; $ scope.testAlert不是函数＆＃ 34;

控制器：

$scope.open = function () {
        $uibModal.open({
            animation: $scope.animationsEnabled,
            templateUrl: 'userModal.html',
            controller: function ($scope, $uibModalInstance, user) {
                $scope.user = user;

                $scope.save = function () {

                    var editUser = userService.updateUser($scope.user);
                    editUser.then(function () {
                        getAllUsers();
                        $scope.testAlert();
                    })

                    $uibModalInstance.close();
                }
            },
            resolve: {
                user: function () {
                    return $scope.user;
                }
            }
        });
    }

$scope.testAlert = function () {
        alert("Blah blah");
    }

Answer 1

$ scope.testAlert位于主控制器的$ scope上，而不是模态控制器。你需要像这样移动它：

$scope.open = function() {
  $uibModal.open({
    animation: $scope.animationsEnabled,
    templateUrl: 'userModal.html',
    controller: function($scope, $uibModalInstance, user) {
      $scope.user = user;

      $scope.save = function() {

        var editUser = userService.updateUser($scope.user);
        editUser.then(function() {
          getAllUsers();
          $scope.testAlert();
        })

        $uibModalInstance.close();

        $scope.testAlert = function() {
          alert("Blah blah");
        }
      }
    },
    resolve: {
      user: function() {
        return $scope.user;
      }
    }
  });

}

提交模式时如何调用范围？

1 个答案: