Javascript 无法在UI中选择单选按钮

我试图选择单选按钮，但不知何故，它们并没有出现在UI端。我已经验证了按钮可以按下，因为它调用了一个功能点击，但用户界面上没有显示任何选择

<div data-ng-repeat="flagInfo in availableList">
    <input type="radio" name="flag" id="{{flagInfo.flagName}}" value="{{flagInfo.flagName}}" data-ng-click="selection(flagInfo.flagName)" />
    <span class="checkbox-label">
        <label for="{{flagInfo.flagName}}">{{flagInfo.translation}}</label>
    </span>
</div>

{{flagInfo.translation}

---

有人能告诉我怎么解决吗？

为您创建了snipet。您的代码中缺少ng模型

函数myCtrl（$scope）{
$scope.radioList={
“flagName”：“abc”
}
$scope.availableList=[{
“flagName”：“abc”，
“id”：1
},{
“flagName”：“def”，
“id”：2
},{
“flagName”：“ghi”，
“id”：3
},{
'flagName'：'jkl'，
“id”：4
}];
$scope.radioChange=功能（radval）{
控制台日志（radval）；
}
}

{{flagInfo.flagName}
所选电台：{{radioList.flagName}

将ng model=“radioModel”添加到您的输入类型RadioOrry中，即使使用了ng model=“flagInfo.flagName”更改也不会反映在UI端。