Question

我有以下问题，当ng-value是一个整数工作，当ng-value是一个字符串时不工作。有谁知道为什么会这样？

<input type="radio" name="grupoRadio" ng-value="1" ng-model="valor" > Certificado de cobertura sin nómina de personal
 <br>
<input type="radio" name="grupoRadio" ng-value='CNC' ng-model="valor" > Certificado de cobertura con nómina de personal completa
 <br>
<input type="radio" name="grupoRadio" ng-value="CNP" ng-model="valor">  Certificado de cobertura con nómina de personal parcial

Answer 1

ng-value用于在scope中定义的变量，如果您想要分配一些静态数据，则需要value input属性

<input type="radio" name="grupoRadio" value="1" ng-model="valor" > Certificado de cobertura sin nómina de personal
 <br>
<input type="radio" name="grupoRadio" value='CNC' ng-model="valor" > Certificado de cobertura con nómina de personal completa
 <br>
<input type="radio" name="grupoRadio" value="CNP" ng-model="valor">  Certificado de cobertura con nómina de personal parcial

如果你有一些要绑定的变量

$scope.data = [{
    {text: 'Certificado de cobertura sin nómina de personal', value: '1'},
    {text: 'Certificado de cobertura con nómina de personal completa', value: 'CNC'},
    {text: 'Certificado de cobertura con nómina de personal parcial', value: 'CNP'}
]

<span ng-repeat="item in data">
    <input type="radio" name="grupoRadio" ng-value="item.value" ng-model="valor" > {{item.text}}
</span>

Answer 2

字符串应该由'包裹，就像在普通的js文件中一样。

喜欢ng-value="'CND'"

<div>
<input type="radio" name="grupoRadio" ng-value="1" ng-model="valor" > Certificado de cobertura sin nómina de personal
 <br>
<input type="radio" name="grupoRadio" ng-value="'CNC'" ng-model="valor" > Certificado de cobertura con nómina de personal completa
 <br>
<input type="radio" name="grupoRadio" ng-value="'CNP'" ng-model="valor">  Certificado de cobertura con nómina de personal parcial

看一下小提琴：

https://jsfiddle.net/7r5yvbsj/2/

Angularjs RadioButton

2 个答案: