Question

我相信我正确地关注了AngularJS official documentation for radio buttons。

所以，我创建了这段代码：

indexSelected={{indexSelected}}
<form name="form">
    <div class="form-group">
        <label ng-repeat="s in prices track by $index" style="width: 100%">
            <input type="radio" name ="option" ng-model="indexSelected" value="{{s.months}}"> {{s.price}} + vat
        </label>
    </div>
</form>

另外，我做了其他尝试使用ng-value，就像这样......

indexSelected={{indexSelected}}
<form name="form">
    <div class="form-group">
        <label ng-repeat="s in prices track by $index" style="width: 100%">
            <input type="radio" name ="option" ng-model="indexSelected" ng-value="s.months"> {{s.price}} + vat
        </label>
    </div>
</form>

这是我的控制器

angular
.module('app')
.controller('ModalInstanceUpgradeSolutionCtrl', function ($scope,$rootScope, $uibModalInstance, appId) {
    $scope.prices = [{
        months: 1, price : 20
        }, { months 2: price: 40}]
     });

问题是：可能出现什么问题？因为当我点击收音机buitton时，这不是更新模型indexSelected。任何线索？

Answer 1

好的，发现了错误。 @charlietfl给了我一些提示。足够google它。

如果我替换ng-model =＆＃34; indexSelected＆＃34;对于ng-model =＆＃34; $ parent.indexSelected＆＃34;，这将访问父范围。 ng-repeat创建子范围。

角度 - 使用单选按钮

1 个答案: