变量到ngmodel的动态更改不起作用

Question

我正在尝试动态更改日期，并在视图中反映日期，但没有得到反映。当日期在数组中像这样硬编码时，它会反映在视图中。我的date : Array<String> = ['2020-02-25'];在视图中得到了反映。但我的日期在订阅后发生了变化，没有得到反映。这是它的代码。

ngOnInit() {
this.sendPostRequest();
}

sendPostRequest()  {
var options = { headers: new HttpHeaders({ 'Content-Type': 'text/plain' }) };
this.http.post("http://localhost/android/Api.php?apicall=getattendance", this.postData,options)
.subscribe(data => {
let key, count = 0;
for(key in data) {
this.date.push(data[count]['date']);
count++;
}

对此的看法是

<ion-calendar [(ngModel)]="date"
(change)="onChange($event)"
[options]="options"
type="string"
format="YYYY-MM-DD"
readonly="true"
>
</ion-calendar>

ng模型接受以硬编码形式给出的日期变更。但this.date并没有得到反映。

<div *ngFor="let item of date">
<p>{{ item}}</p>
</div>

也只输出硬编码为2020-02-05 的日期

Answer 1

ngModel几乎没有限制。由于您有(change)功能，您可以将更改后的值分配给this.date

onChange(event){
this.date = event.target.value
}