不要在表单序列化中包含ng-hide中的元素

Question

我有一个问题，我使用ng-show和ng-hide在基于select选项的表单上显示选项，但是，当我提交我的控制器时看起来像这样：

app.controller("MyCtrl", function($scope) {

   $scope.submit = function(event) {
       var element = event.currentTarget;
       //so when....
       console.log($(element).serialize());
   };


});

所以...当我提交时，即使隐藏了所有元素，我也只会显示那些显示ng-show的元素。

Answer 1

而不是ng-show / ng-hide使用ng-if。 ng-if将仅呈现满足ng-if属性条件内表达式的那些元素。

ng-if="expression"