Угловой - с помощью переключателей

Question

Я считаю, что я правильно следую официальной документации AngularJS для переключателей.

Итак, я создал этот код:

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}]
     });

Вопрос в том, что может быть не так? потому что, когда я нажимаю на кнопку радио, это не обновляет индекс модели. Любая подсказка?

Answer 1

Хорошо, нашел ошибку. @charlietfl дал мне подсказку. Хватит гуглить.

Если я заменю ng-model="indexSelected" на ng-model="$parent.indexSelected", это приведет к доступу к родительской области. ng-repeat создает дочернюю область.