angularjs - 使用 ng-required 与 required

Question

我有以下多选框:

<select 
    multiple="multiple" 
    data-ng-model="rightSelected" 
    data-ng-options="slide as slide.SlideBarcode for slide in form.Slides" 
    data-ng-required="form.Slides.length > 0" 
/>

在我的 Controller 中，我在初始化时执行此操作:

$scope.form.Slides = [];

如果幻灯片数组中有幻灯片，我希望表单的此元素有效。这些是动态添加的 - 这是一种用户可以添加幻灯片的幻灯片存储桶。

但是我不明白 ngRequired 的东西是如何工作的......如果我将其更改为 data-ng-required="true" 那么我的表单看起来不错，但当然它不'不做我想做的事。如果我使用 form.Slides.length > 0 来检查我真正想要的内容，这不仅不起作用，而且会扰乱我的表单结构，我的一个元素似乎随机消失。

正确的使用方法是什么？关于此的文档非常稀疏。

Answer 1

查看这篇文章:

What is the difference between required and ng-required?

从我认为你正在尝试做的事情来看，我认为你错误地使用了 ng-required 属性。 ng-required 属性适用于您想要有条件地要求或不要求输入的情况。我猜在你的情况下，你总是希望需要输入。

根据您的评论，如果您不想管理任何功能，我会将所有这些功能放在一个功能中

$scope.isFormValid= function(){
    if (form.Slides.length > 0 && myForm.$valid)
        return true;
}

然后

ng-disabled="isFormValid()"

这可能不是最优雅的解决方案，但它确实有效。如果这不是您想要的，请告诉我。