復位形式模態彈出關閉按鈕（X）在Angularjs

Question

我有形式模式彈出up.i使用指令打開模態彈出

mymodule.directive('modalDialogSite', function() { 
    return { 
    restrict: 'E', 
    scope: { 
     show: '=' 
    }, 
    replace: true, // Replace with the template below 
    transclude: true, // we want to insert custom content inside the directive 
    link: function(scope, element, attrs) { 
     scope.dialogStyle = {}; 
     if (attrs.width) 
     scope.dialogStyle.width = attrs.width; 
     if (attrs.height) 
     scope.dialogStyle.height = attrs.height; 
     if (attrs.overflow) 
     scope.dialogStyle.overflow = attrs.overflow; 
     scope.hideModal = function() { 
     scope.show = false; 
     }; 
    }, 
    template: "<div class='ng-modal' ng-show='show'><div class='ng-modal-overlay'></div><div class='ng-modal-dialog' ng-style='dialogStyle'><div class='ng-modal-close' ng-click='hideModal()'><i class='fa fa-times-circle'></i></div><div class='ng-modal-dialog-content' ng-transclude></div></div></div>"// See below 
    }; 
}); 

我如果我點擊模態取消按鈕彈出我使用$ setpristine重置窗體，但如果有任何驗證錯誤，當我點擊關閉按鈕（x）它調用hideModal（）函數，所以模態獲取關閉，但如果我重新打開模態彈出驗證錯誤仍然存​​在模態popup.How我可以重置form.Here我的工作Plnkr https://plnkr.co/edit/embFJFmautH3uRbHOWU7?p=preview

Answer 1

我想你已經在這裏錯過了幾件事情。我爲此創造了一個靈感，而且非常自我解釋。你可以去看看它，並觀察它正是你需要的。模塊內部的窗體在打開時會進入初始狀態，並且代碼在這個正在運行的窗口中組織良好。當您打開模式時，窗體也會重置。

app.directive('modalDialogAdd', function() { 

    return { 
    restrict: 'E', 
    scope: { 
     show: '=' 
    }, 
    replace: true, 
    transclude: true, 
    link: function(scope, element, attrs) { 
     scope.dialogStyle = {}; 
     scope.text ={ 
     first_name : '', 
     last_name: '' 
     }; 

     if (attrs.width) 
      scope.dialogStyle.width = attrs.width; 
     if (attrs.height) 
      scope.dialogStyle.height = attrs.height; 
     if (attrs.overflow) 
      scope.dialogStyle.overflow = attrs.overflow; 
     scope.hideModal = function() { 
       scope.show = false; 
     }; 
      scope.$watch('show', function (newVal, oldVal) { 
       if(newVal){ 
        var childFormController = element.find('form').eq(0).controller('form'); 
        childFormController.$setPristine(); 
        childFormController.$setUntouched(); 
       } 
      }); 

    }, 
     template: "<div class='ng-modal' ng-show='show'><div class='ng-modal-overlay' ng-click='hideModal()'></div><div class='ng-modal-dialog' ng-style='dialogStyle'><div class='ng-modal-close' ng-click='hideModal()'><i class='fa fa-times-circle'></i></div><div class='ng-modal-dialog-content' ng-transclude></div></div></div>" 
    }; 
}); 

這裏是一個工作plunkr PLUNKR