调用$ mdDialog时向api发送附加请求

时间:2017-02-14 21:55:55

标签: angularjs angularjs-scope mddialog

我使用mdDialog在我的Web应用程序中创建新对象。每当我调用mdDialog时,它总是调用我在角度控制器中的所有方法。我怎么能阻止它?

以下是我的带有mdDialog函数的角度控制器的简短示例

    //whenever i click on button which invokes showCreateTask function
    //these 3 methods get invoked also and send request to my api
    $scope.timeline = new TimelineService();
    $scope.users = UserService.getChatUsers();
    $scope.projects = ProjectService.query();

    /*********DIALOGS************/
    $scope.hide = function () {
        $mdDialog.hide();
    };

           $scope.cancel = function () {
        $mdDialog.cancel();
    };

    $scope.answer = function (answer) {
        $mdDialog.hide(answer);
    };

    $scope.createTask = function () {
        TaskService.save($scope.task, function () {
        });
    }

    $scope.showCreateTask = function (ev) {
        $mdDialog.show({
            controller: TaskController,
            templateUrl: 'app/components/templates/CreateTaskDialog.html',
            parent: angular.element(document.body),
            targetEvent: ev,
            clickOutsideToClose: true,
            fullscreen: false,
            scope: $scope,
            preserveScope: true,
            onComplete: function () {
                //Timepicker
                angular.element(".timepicker").timepicker({
                    showMeridian: false,
                    showInputs: false,
                    minuteStep: 5,
                    defaultTime: '00:00'
                });
            }
        })
        .then(function () {

        }, function () {
            //fail
        });
    };

我发现这个controller: TaskController引起了我的问题,但我不知道如何解决它。如果我从功能中删除控制器,则什么都不起作用。

1 个答案:

答案 0 :(得分:0)

所以我通过创建嵌套控制器解决了这个问题,特别是对于这个mdDialog,所以除了新控制器中的内容之外,它无法调用任何其他内容。作为有关嵌套控制器的参考,我使用了https://docs.angularjs.org/guide/controller