установите флажок и отобразите пэт формы соответственно

Question

. Как и для двух флажков, есть true или false, но что я должен сделать для 3 флажков? Чтобы отобразить части формы в соответствии с выбором флажка.

Answer 1

Установите значение из поля ввода, используя «value =», и измените условия в аргументе ng-if = «…» соответственно, как показано ниже:

<input type="radio" ng-model="variable" value=1>your content</input>
<input type="radio" ng-model="variable" value=2>your content</input>
<input type="radio" ng-model="variable" value=3>your content</input>

<div ng-if="variable==1">your form</div>
<div ng-if="variable==2">your form</div>
<div ng-if="variable==3">your form</div>

Answer 2

Вы можете использовать несколько значений (установив различные значения в аргументе value="…" и соответствующим образом обновить условия в аргументе ng-show="…", например:

<input type="radio" name="test" <b>ng-model="modelname" value="1"</b>>1</input>
<input type="radio" name="test" <b>ng-model="modelname" value="2"</b>>2</input>
<input type="radio" name="test" <b>ng-model="modelname" value="3"</b>>3</input>

<div <b>ng-show="modelname=='1'"</b>>form1</div>
<div <b>ng-show="modelname=='2'"</b>>form2</div>
<div <b>ng-show="modelname=='3'"</b>>form3</div>