привязка группы переключателей не работает должным образом

Question

У меня есть простая сетка данных, в которой нажимается кнопка редактирования, и я перехожу к форме с заполненными свойствами. одно из свойств - accountStatus, имеющее 2 возможных значения: Active и InActive, поэтому в определенный момент времени выбирается один из переключателей. У меня есть html настройка как это

  <label for="accountStatus">Account Status is {{bankAccount.accountStatus}}</label>

                <input
                type="radio"
                name="accountStatus"
                id="accountStatus-1"
                [value]="Active"
                [(ngModel)]="bankAccount.accountStatus"


              />
              <input
                type="radio"
                name="accountStatus"
                id="accountStatus-2"
                [value]="InActive"
                [(ngModel)]="bankAccount.accountStatus"                            
              />

, когда я перехожу из сетки для редактирования страницы, * {{bankAccount.accountStatus}} * имеет правильное значение. но на основе этого переключатели не проверяются. Я считаю, что если [value] == [(ngModel)] должны быть выбраны переключатели.

как вы можете видеть, "InActive" - ​​это то, что отображается в ярлыке, но неактивное радио (тот, что справа) не проверяется.

Answer 1

Используйте value="Active" вместо [value]="Active"

Последнее означает, что вы пытаетесь привязать value к свойству Active, которого не существует. Вы просто хотите привязать value к строке, поэтому вам нужно опустить []