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

Question

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

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

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

Answer 1

查看this Plunker上的 templateDir.html 以获取解决方案。

你需要：

• 添加<form></form>包含name="..."属性的包装。
• 为每个ng-model="..."代码添加<select></select>属性。
• 将ng-required="true"添加到每个<select></select>代码。

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

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