javascript - Angular 2 : check empty form if radio button is set

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>

父组件在带有提交按钮的表单内(动态地)显示多个子组件。现在，当我单击提交按钮时，如果子文本区域之一为空，则会显示一条错误消息，但我希望仅在选中单选按钮时才显示该消息。我该怎么办？

Answer 1

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

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