使用ng-switch和ng-disabled

Question

我使用ng-switch实施了一个包含3个标签的页面，该页面只有一个带有ng-disabled属性的常用“保存”按钮，所有形式均为一种。

        <div id="tab1" ng-switch-default="basic">
        <div id="tab2" ng-switch-when="contact">
        <div id="tab3" ng-switch-when="password">

         <button class="btn btn-info" type="button" ng-click="save(entity)" ng-disabled="form.$invalid || form.$pristine">
            Save
         </button>

问题是ng-disabled仅在活动的选项卡上执行验证，我认为这是因为ng-switch从dom中删除了非活动的选项卡，而不仅仅是我将其隐藏了。 是否有ng-switch的解决方法，还是应该回到ng-hide和ng-show？

Answer 1

我看到的唯一解决方法是手动进行验证。 我想您的表单已绑定到某个模型，因此您可以让您的自定义验证功能直接监视模型。 ng-disabled可能是这样的：

<button
    type="button"
    ng-click="save(entity)"
    ng-disabled="form.$invalid || form.$pristine || myCustomValidate(entity)">
    Save
</button>

这是我能想到的ng-hide / ng-show的唯一替代方法（至少现在）。