如何使用Prime NG<p-radioButton />在条件下选择单选按钮



我使用prime NG创建了单选按钮,默认情况下单选按钮"是";以及";下拉菜单";如果你看到我的代码,如果我选择";否";则在应答格式中;复选框";将被替换为";数字",现在我要做的是当我选择";否";那么";数字";应该被选中,并且如果我选择";是";那么";下拉菜单";应选择。我试过了,但没有得到预期的结果。

<div class="input-row full-width" >
<div class="left-col">
Allow Multiple Answer
</div>
<div class="right-col radio-btn">
<p-radioButton name="multiple answer" formControlName="allow_multiple_answer" value="1"
label="Yes" class="radio"></p-radioButton>
<p-radioButton name="multiple answer" formControlName="allow_multiple_answer" value="0"
label="No" class="radio"></p-radioButton>
</div>
</div>

<div class="input-row" >
<div class="left-col">
Answer Format
</div>
<div class="right-col radio-btn">
<p-radioButton name="answer_format_button" formControlName="answer_format" value="0" label="Drop down"
class="radio">
</p-radioButton>
<p-radioButton *ngIf="(f.allow_multiple_answer.value == '1')
name="answer_format_button" formControlName="answer_format" value="1" label="Checkbox" class="radio">
</p-radioButton>
<p-radioButton *ngIf="(f.allow_multiple_answer.value == '0') 
name="answer_format_button" formControlName="answer_format" value="2" label=" Number" class="radio">
</p-radioButton>
</div>
</div>

尝试这个

<div class="input-row full-width" >
<div class="left-col">
Allow Multiple Answer
</div>
<div class="right-col radio-btn">
<p-radioButton name="multiple answer" formControlName="allow_multiple_answer" value="1"
label="Yes" class="radio"></p-radioButton>
<p-radioButton name="multiple answer" formControlName="allow_multiple_answer" value="0"
label="No" class="radio"></p-radioButton>
</div>
</div>
<div class="input-row" >
<div class="left-col">
Answer Format
</div>
<div class="right-col radio-btn">
<p-radioButton name="answer_format_button" formControlName="answer_format" value="0" label="Drop down" class="radio">
</p-radioButton>
<p-radioButton *ngIf="(f.allow_multiple_answer.value == 1)"  name="answer_format_button" formControlName="answer_format" value="1" label="Checkbox" class="radio">
</p-radioButton>
<p-radioButton *ngIf="(f.allow_multiple_answer.value == 0)" name="answer_format_button" formControlName="answer_format" value="2" label=" Number" class="radio">
</p-radioButton>
</div>
</div>

最新更新