javascript - 获取 Angular JS 中单选按钮中选中的单选按钮的值，作为 ng-repeat

Question

这是选择我需要获取值的任何一个单选按钮的代码

<label ng-repeat="SurveyType in SurveyTypes">
    <input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="{{surveyData.SurveyTypeName}}" />
    {{SurveyType.Name}} &nbsp; &nbsp; &nbsp;
</label>

Answer 1

您应该从 repeat-loop 分配 value，而不是从 model 值，并且不需要使用 {{}} 为ng-value

因此使用 ng-value="SurveyType.Name" 而不是 ng-value="{{surveyData.SurveyTypeName}}" 因此选定的单选按钮值设置为surveyData.SurveyTypeName。

如果您想默认选择任何人，您可以为 surveyData.SurveyTypeName 指定值，例如 $scope.surveyData={SurveyTypeName: 'second'} 然后该单选按钮显示为已选中且值为 second。

HTML:

<label ng-repeat="SurveyType in SurveyTypes">
    <input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="SurveyType.Name" />
    {{SurveyType.Name}} &nbsp; &nbsp; &nbsp;
</label>

PLUNKER DEMO