В моем пользовательском интерфейсе есть два поля даты запланированы: RatingDate и PlannedRatingCommitteeDate. Если пользователь заполняет полеplanRatingDate, поле rcReview должно быть установлено на «Нет». Если пользователь заполняет поле scheduleRatingCommitteeDate, для поля rcReview должно быть установлено значение «Да». Поле rcReview - это поле переключателя в моем пользовательском интерфейсе.
В app.component. html:
<tr>
<td colspan="2"></td>
<td style="width:500px">
<label for="PlannedReviewDate">Planned Review Date</label>
<input id="PlannedReviewDate" name="PlannedReviewDate" (change)="basedOnRatingDate($event)" [(ngModel)]="deal.plannedReviewDate" placement="right" type="text" bsDatepicker [bsConfig]="datePickerConfig" class="form-control">
</td>
</tr>
<br>
<tr>
<td colspan="3"></td>
<td><label for="isReviewComplete">Is Review Complete?</label>
<input id="isReviewComplete" name="isReviewComplete" [(ngModel)]="deal.isReviewComplete" type="radio" class="form-control" value="Complete">
Complete<br></td>
</tr>
<tr>
<td colspan="3"></td>
<td><input id="isReviewComplete" name="isReviewComplete" [(ngModel)]="deal.isReviewComplete" type="radio" class="form-control" value="Not Complete">
Not Complete<br></td>
</tr>
<br>
<tr>
<td colspan="3"></td>
<td style="width:500px">
<label for="PlannedRatingCommitteeDate">Planned rating committee date</label>
<input id="PlannedRatingCommitteeDate" name="PlannedRatingCommitteeDate" (change)="populateRCReview($event)" [(ngModel)]="deal.plannedRatingCommitteeDate" placement="right" type="text" bsDatepicker [bsConfig]="datePickerConfig" class="form-control">
</td>
</tr>
<br>
<tr>
<td colspan="3"></td>
<td>
<label>RC Review</label>
<input id="rcReview" name="rcReview" [(ngModel)]="deal.rcReview" type="radio" class="form-control" value="Yes">
Yes<br>
</td>
</tr>
<tr>
<td colspan="3"></td>
<td>
<input id="rcReview" name="rcReview" [(ngModel)]="deal.rcReview" type="radio" class="form-control" value="No">
No<br>
</td>
</tr>
В app.component.ts:
export class AppComponent implements OnInit {
title = 'angular-app';
name = 'angular-app';
datePickerConfig: Partial<BsDatepickerConfig>;
dropdownList = [];
selectedItems: any;
selected:any;
dropdownSettings:IDropdownSettings;
dealid : number;
isReviewComplete: any;
plannedRatingCommitteeDate: Date;
plannedReviewDate: Date;
ExpectedReleaseDate: Date;
ReleaseTimeCriteria: any;
SubsequentRating: any;
Priority: any;
rcReview: any;
ApplicationReceived: any;
subsequentRating: any;
deal:DealApi= new DealApi();
constructor(private service:HttpclientService) {}
ngOnInit(){
this.datePickerConfig = Object.assign({},{ containerClass:'theme-dark-blue', showWeekNumbers: false});
};
public savenow(){
this.service.getdeals(this.deal).subscribe((data:any)=>{alert("Deal added successfully.");});
}
basedOnRatingDate(event:any){
this.deal.rcReview = "No";
}
populateRCReview(event:any){
this.deal.rcReview = "Yes";
}
Выше код не автоматически заполняет поле rcReview с «Нет», если пользователь вводит поле запланированоДатая. Какие изменения должны быть сделаны?
Любая помощь будет оценена!