Есть 4 группы , каждая из которых содержит 4 . Это компонент UI для теста, в котором пользователь должен выбрать оценку от 1 до 4 для каждого из 4-х вопросов (вот аналог этого теста). При этом сумма оценок не должна превышать 10 баллов. Поэтому хочу сделать неактивными те , выбор которых приведет к невыполнению этого условия (так же, как в показанном выше тесте).
Например, если в первых двух строках пользователь выбрал оценки 4 и 4, то в последующих двух блоках нужно оставить активными по 1 радио.
Вот код шаблона:
<div>
<div class="skillrow">{{skill_P}}</div>
<div class="radiorow">
<material-radio-group [(ngModel)]="selected_P">
<material-radio *ngFor="let item of skillScore" [value]="item">
{{ item }}
</material-radio>
</material-radio-group>
</div>
</div>
<div>
<div class="skillrow">{{skill_A}}</div>
<div class="radiorow">
<material-radio-group [(ngModel)]="selected_A">
<material-radio *ngFor="let item of skillScore" [value]="item">
{{ item }}
</material-radio>
</material-radio-group>
</div>
</div>
<div>
<div class="skillrow">{{skill_E}}</div>
<div class="radiorow">
<material-radio-group [(ngModel)]="selected_E">
<material-radio *ngFor="let item of skillScore" [value]="item">
{{ item }}
</material-radio>
</material-radio-group>
</div>
</div>
<div>
<div class="skillrow">{{skill_I}}</div>
<div class="radiorow">
<material-radio-group [(ngModel)]="selected_I">
<material-radio *ngFor="let item of skillScore" [value]="item">
{{ item }}
</material-radio>
</material-radio-group>
</div>
</div>