Question

我有一个Angular2子组件，它包含一个单选按钮和一个输入文本区域：

<div class="form-group" *ngIf="message" >
  <input type="text" class="form-control"
  required [(ngModel)]="message.message"
  name="message"/>

  <input type="radio" class="form-control"
   [checked] = "message.default == 1"
   [value] = "message.default"
   (change)="onSelectionChange(message)"
  name="default" >{{message.language}}<br>
</div>

父组件在带有提交按钮的表单内显示一个子组件（dinamycally）。现在，当我单击提交按钮时，如果其中一个子文本区域为空，则显示错误消息，但是只有在选中单选按钮时才会显示该消息。我该怎么办？

Answer 1

你可以再添加1个这样的条件

<div *ngIf="!message.message && message.default == 1">
  Error here...
</div>

Answer 2

您已将Col1 Col2 A A B B C C用于文本框，您也可以使用[(ngModel)]作为单选按钮

[(ngModel)]

然后你可以检查值

Angular2：如果设置了单选按钮，则检查空表单

2 个答案: