单选按钮无法在UI

Question

我正在尝试选择单选按钮但不知何故它们没有显示在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>

有人可以告诉我如何解决它吗？

Answer 1

为您创建snipet。你错过了代码中的ng-model。

$lables = array(
            'id' => 'ID',
            'sname' => 'Name',
            'fill' => ' Date',
        );

function 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=function(radval){
    console.log(radval);
  }
}