validation - AngularJS ng 值 bool 值验证

Question

具体来说:我有两个单选按钮，它们的 ng-model 值必须是 bool 值。由于这对于普通的 html 值属性是不可能的，我发现有用的 Angularjs ng-value。问题是当我想做一些验证时，当单选按钮 ng-value="false"被选中时，它会将其识别为一个空的 ng-model 并且我们有验证错误。

示例:http://plnkr.co/edit/lvdNHZoSSN1nM6uLyc0Q?p=preview

知道如何解决这个问题吗？

Answer 1

这是一个错误。

value="true/false" 将不起作用，因为当您的模型加载时，您的 radio 输入不会被初始化和正确检查，但是 ng-value="true/false” 将不起作用，因为“false”选择将导致表单无效。

我遇到了同样的问题并将其报告为一个问题，但由于不知道何时会得到解决，我也想出了一个解决方法:ng-boolean-radio

它基本上将模型的 bool 值 true/false 值转换为字符串“true”/“false”值，这与表单的字符串 value="true/false" 属性相匹配。这将允许在加载模型时默认检查相应的 radio 输入。它还允许您保存“假”值，因为 "false"!= false。

最后，在将字符串“true”/“false”值保存到模型之前，它通过将字符串“true”/“false”值转换回 bool 值 true/false 来保留 bool 数据类型。

希望对您有所帮助!