Как выбрать радиокнопку по условию с помощью Prime NG

Question

Я создал радиокнопки с помощью простого 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>

Answer 1

попробуйте это

<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>