面对 NgModel 的问题和 [checked] 无线电输入

Question

所以我正在提交一个 angular 表单，我提供了一个选项来更新用户的数据，但是我无法根据以下条件预先检查单选按钮输入字段与 ngModel 绑定，我绝对是 angular 的初学者，所以任何帮助将不胜感激

app.component.html

<form #office="ngForm">
<div class="form-group pointer">
              <label for="Shift" class="font-weight-bold fs-6">Tansport <span class="text-danger">*</span></label><br>
              <div class="form-check form-check-inline">
                  <input class="form-check-input pointer" [checked]="editableData.transport.indexOf('cab') > -1" type="radio" ngModel  name="transport" id="transport-1" value="cab">
                  <label class="form-check-label" for="transport-1">Cab</label>
                </div>
                <div class="form-check form-check-inline">
                  <input class="form-check-input pointer" [checked]="editableData.transport.indexOf('own') > -1" type="radio" ngModel name="transport" id="transport-2" value="own">
                  <label class="form-check-label" for="transport-2" >Own</label>
                </div>
          </div>
</form>

需要根据条件选中其中一个复选框

Answer 1

我更新了你的 stackblitz https://stackblitz.com/edit/angular-ivy-kylv5c

为什么在 radioButton 上需要这个 ngModel？如果你想访问它们的值，你也可以使用表单值。

Answer 2

我已经在这里修复了它：- https://stackblitz.com/edit/angular-ivy-vb5eeh?file=src%2Fapp%2Fapp.component.html

将其与来自 class 的对象绑定。

面对 NgModel 的问题和 [checked] 无线电输入

Facing issues with NgModel and [checked] for a radio input

angular

angular-forms