javascript - 在禁用 ng 的情况下使用 ng-switch

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

我看到的唯一解决方法是手动进行验证。我想你的表单绑定(bind)到某个模型，所以你可以让你的自定义验证函数直接观察模型。 ng-disabled 可能是这样的:

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

这是我能想到的ng-hide/ng-show 的唯一替代方案(至少现在是这样)。