angularjs动态单选按钮

Question

单选按钮是动态创建的。 我想要的任务是默认选择第一个单选按钮，如果我选择其他选项，它应该更改并被选中，直到第一个是所选选项。

通过浏览尝试了这个和许多其他代码。无法找到完美的解决方案。

$scope.radioLoad = function() {
    $scope.frmData.prpkval = 0;
    $("input[name=primarypackage][value=" + $scope.frmData.prpkval + "]").prop('checked', true);
}

<input name="primarypackage" class="radioBtn" type="radio" init="radioLoad()" ng-value="{{frmData.prpkval}}" ng-model="$parent.primarypackage">

Answer 1

请找到代码here。

<强> HTML：

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<div ng-app="app" ng-controller="test">

    <span class="dymanic"></span>
</div>

<强> JS：

var app = angular.module('app', []);

app.controller('test', function ($scope) {
    $scope.createDynamicRadioButton = function () {
        $('.dymanic').append(
          '<div><label>Radio 1<input type="radio" name="radioButton"/></label></div>' + '<div><label>Radio 2<input type="radio" name="radioButton" /></label></div>' + '<div><label>Radio 3<input type="radio" name="radioButton" /></label></div>');
    }

    $scope.createDynamicRadioButton(); // generates radio button dynamically

    $('input[name="radioButton"]').eq(0).prop('checked', true); //Checks the first radio button.
});