angularjs - 如何验证包含选择的 AngularJS 指令？

Question

我创建了一个由 2 个选择组成的指令，它从 2 个 json 文件中加载选项：

http://plnkr.co/edit/7kK66c?p=preview

如您所见，它工作正常，但我想将此指令放入表单中，并检查其有效性。更具体地说，我希望该指令仅在用户从两个选择中选择一个选项时才有效（就像两者都被标记为必需一样）。我找到了有关如何设置包含输入文本的指令的有效性的教程字段，但我没有检查选择...我该怎么做？

Answer 1

查看此 Plunker上的templateDir.html以获得解决方案。

您需要：

• 添加<form></form>带有name="..."属性的包装器。
• 为每个标签添加一个ng-model="..."属性。<select></select>
• 添加ng-required="true"到每个<select></select>标签。

然后，您可以使用 . 检查表单是否处于有效状态formName.$invalid。

告诉 Angular将ng-model这些输入的值绑定到您在模型中指定的变量名，并ng-required告诉 Angular 这两个输入必须完成。我假设 的目的<form></form>很明显。:)