Angular2: проверить пустую форму, если переключатель установлен

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

Вы использовали [(ngModel)] для текстового поля, вы можете также использовать [(ngModel)] для радио-кнопки также

<input type="radio" class="form-control" 
    [checked] = "message.default.value == 1" 
    [value] = "message.default.value" 
    (change)="onSelectionChange(message)" 
    name="default" 
    [(ngModel)]="message.default" > 

Затем вы можете проверить значение