https://i.sstatic.net/0B1rM.png
I am interested in changing the placement of error messages to the right side instead of the bottom of the "By" input element. Here is the code snippet: <div class="row ">
<div class="col-md-2">
<label class="control-label" for="crossValidationFolds">By</label>
</div>
<div class="col-md-4">
<input required
id="crossValidationFolds"
name="crossValidationFolds"
type="number"
class="form-control"
#crossValidationFolds="ngModel"
pattern="^(1[0-2]|[1-9])"
[(ngModel)]="crossValidationFoldsValue"
[ngClass]="crossValidationFolds.touched && crossValidationFolds.invalid?'is-invalid': crossValidationFolds.valid? '':''"
/>
</div>
<div class="col-md-4 invalid-feedback" *ngIf="crossValidationFolds.touched && crossValidationFolds.invalid">
By Value is invalid
</div>
</div>