Question

我有4个项目的列表，其中一个应该被选中。

在我的组件中，我有：

onSubmit( form : NgForm ) {
    console.log( 'Before formaction current item = ' + this.currentItem);
    this.currentItem = form.value.item;
    console.log( 'After formaction current item = ' + this.currentItem);
}

表格的提交是：

<div class="form-group">
  <div class="radio" *ngFor="let item of items">
    <label>
      <input type="radio" name="item" ngModel [value]="item" [checked]="item === currentItem"> {{ item }}
    </label>
  </div>
</div>

我的模板是：

Object.assign

如何设置默认值？当然还能获得价值吗？

Answer 1

您不需要[checked]尝试使用[(ngModel)]

<input type="radio" name="item"  [value]="item" [(ngModel)]="currentItem" >

Answer 2

这样的事情怎么样？

<input type="radio" name="item" ngModel [value]="item" 
   [checked]="item === currentItem || (currentItem === undefined 
       && item === defaultItem"> {{ item }}
</input>

Angular 4：如何从列表中设置默认单选按钮

2 个答案: