我创建了一个由 2 个选择组成的指令，它从 2 个 json 文件加载选项：
http://plnkr.co/edit/7kK66c?p=preview
如您所见，它运行良好，但我想将此指令放入表单中，并检查其有效性。更具体地说，我希望该指令仅在用户从两个选择中选择一个选项时才有效（就像两者都被标记为必需一样）。我找到了有关如何设置包含输入文本的指令的有效性的教程字段，但我没有检查选择...我该怎么做？
【问题讨论】：
标签： angularjs validation html-select
查看this Plunker 上的 templateDir.html 以获得解决方案。
你需要：
name="..." 属性的<form></form> 包装器。<select></select> 标签添加ng-model="..." 属性。ng-required="true" 添加到每个<select></select> 标记中。然后您可以使用formName.$invalid 检查表单是否处于有效状态。
ng-model 告诉 Angular 将这些输入的值绑定到您在模型中指定的变量名称，ng-required 告诉 Angular 这两个输入必须完成。我假设<form></form> 的目的很明显。 :)
【讨论】：
<form></form> 标记需要移动到 index.html 中，以便表单在范围内。