javascript - ng-show ="false"和输入类型 ="number"和最小验证

Question

在我的 cshtml 页面中，我使用输入类型=“数字”和最小验证。我也有条件地显示这个控件。我只想在控件可见时触发验证 ng-show="true"但它在两种情况下都会触发(对于 ng-show="false")。这是示例:Modified sample Plunker

我的控制如下:

<input type="number" name="maxSale" ng-show="!selections.createDaily"
                           id="maxSale"
                           ng-model="currentmax4sale.maxSale"
                           class="form-control"
                           min="1"
                           required
                           data-sm:number
                           data-sm:number-format data-sm:focus
                           data-accuracy="0" />
                    <div class="field-validation-error">

                        <span ng-show="form.editMax4saleGeneralForm.maxSale.$error.required && form.editMax4saleGeneralForm.maxSale.$dirty">@String.Format(Messages.isRequired, Labels.limit)</span>

                        <span ng-show="(form.editMax4saleGeneralForm.maxSale.$error.min ) && form.editMax4saleGeneralForm.maxSale.$dirty">
                            @String.Format(Messages.mustBeGreaterThanOrEqualTo, Labels.limit, "1")
                        </span>
                    </div>

当我的控件可见时，我应该怎么做才能仅进行条件验证？

Answer 1

你真的建议你使用ng-if，基本上标记仍然存在，但是使用ng-if它会将其从DOM中删除，所以它不存在甚至没有渲染因此解决了你的问题。您还可以更改正在测试的逻辑，但我认为您根本不希望标记中包含该项目。