取消后传递的值仍在编辑 angular mddialog

Question

我向我的 mdDialog 控制器传递了一个值以编辑模态中的内容，但是用户取消了模态，无法保存任何调整，但是如果我更改为模态中的内容，我仍然会看到发生的变化在后面的列表上（在父视图上），当我取消模态时，更改不会撤消。选项 bindToController 设置为 true，因此应传递副本而不是引用。

vm.editFaq = function   (faqToEdit, ev){

     var useFullScreen = ($mdMedia('sm') || $mdMedia('xs')) && vm.customFullscreen;

    $mdDialog.show({
        controller: 'editFaqController'
        , controllerAs: 'dvm'
        , templateUrl: './app/components/faq/modals/editFaq.html'
        , parent: angular.element(document.body)
        , targetEvent: ev
        , clickOutsideToClose: true
        , fullscreen: useFullScreen
        , locals: { faq : faqToEdit }
        , bindToController: true
    }).then(function(result){
        if(result){
            _.findWhere(vm.allFaqs, { _id: faqToEdit._id }) = result;
        }
    });

    $scope.$watch(function () {
        return $mdMedia('xs') || $mdMedia('sm');
    }, function (wantsFullScreen) {
        $scope.customFullscreen = (wantsFullScreen === true);
    });
};

所以当模态被隐藏时，"then" promise 被调用并且可以提交调整。

Answer 1

你可以这样解决：

     vm.editFaq = function   (faqToEdit, ev){

 var useFullScreen = ($mdMedia('sm') || $mdMedia('xs')) && vm.customFullscreen;

          faqToEdit = angular.copy(faqToEdit);

          $mdDialog.show({
            controller: 'editFaqController',
            controllerAs: 'dvm',
            templateUrl: './app/components/faq/modals/editFaq.html',
            parent: angular.element(document.body),
            targetEvent: ev,
            clickOutsideToClose: true,
            fullscreen: useFullScreen,
            locals: {
              faq: faqToEdit
            },
            bindToController: true
          }).then(function(result) {
            if (result) {
              _.findWhere(vm.allFaqs, {
                _id: faqToEdit._id
              }) = result;
            }
          });

        }

Answer 2

我使用了 angular.copy，一位朋友告诉我，即使使用 bindToController，或者任何其他据说有效的 mdDialog 选项也总是传递对象的引用。

取消后传递的值仍在编辑 angular mddialog

Passed value still edited after cancel angular mddialog

javascript

angularjs

angular-material

mddialog