Question

我目前正在使用Angular.JS开发一个小应用程序在我看来，我有以下按钮

<md-button class="md-primary" ng-click="editUser(user, $event)">Edit</md-button>

editUser方法如下所示：

$scope.editUser = function (user, $event) {

    $scope.userToEdit = user;

    $mdDialog.show({
            controller: DialogController,
            targetEvent: $event,
            templateUrl: '/js/modules/user/views/edit.tmpl.html',
            parent: angular.element(document.body),
            clickOutsideToClose: true,
            scope: $scope
        })
        .
        then(function (answer) {
            if (answer == "save") {
                for (right in $scope.allSystemRightsStatements) {
                    if ($scope.allSystemRightsStatements[right].selected) {
                        if( $scope.userToEdit.rights==null){
                            $scope.userToEdit.rights = [];
                        }
                        $scope.userToEdit.rights.push($scope.allSystemRightsStatements[right]);
                    }
                }
                $scope.updateUser($scope.userToEdit);
            }
            $scope.userToEdit = {};
        }, function () {
            $scope.userToEdit = {};
        });
};

$scope.updateUser = function (user) {
    //userService.updateUser makes a $http PUT request
    var promise = userService.updateUser(user);
    promise.then(function (result) {
        $mdToast.show(
            $mdToast.simple(result.message)
                .position($scope.getToastPosition())
                .hideDelay(3000)
        );
    }, function (reason) {
        $mdToast.show(
            $mdToast.simple(reason)
                .position($scope.getToastPosition())
                .hideDelay(3000)
        );
    }, function (update) {
    });
};

现在可以很好地显示对话框并且还会调用答案功能，一切都按预期进行。

但是，当我第二次单击该按钮时，不会执行editUser功能。好像在关闭对话框中删除了按钮中的onClick事件。

非常感谢任何有关解决此问题的帮助，感谢

Answer 1

如上所述here

明确提到隐藏对话框后会破坏范围（因此人们不应该直接通过控制器的$ scope）可能是一个好主意。

（关于你传递给mdDialog的范围）

因此，当范围被销毁时，angular不会将您的按钮与任何操作绑定

Angular.JS onclick函数仅在第一次单击时调用

1 个答案: