Ionic-2：无法读取未定义的属性'open'

我正在创建一个ionic-2项目，我在右下角有一个按钮。我的观念是，当我点击按钮时，时间选择器应该打开。我必须选择我的时间并点击完成。Ionic-2：无法读取未定义的属性'open'

这是怎么了我试过：

HTML: 
    <ion-header> 
    <ion-navbar color="primary"> 
     <ion-title>Alarms</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 

    <ion-card *ngFor="let alarms of serAlarm"> 
     <ion-card-header> 
      {{alarms.id}} 
      <ion-toggle value="foo" checked="true"></ion-toggle> 
     </ion-card-header> 
     <ion-card-content> 
      <ion-checkbox (click)="clickRepeat()"></ion-checkbox> Repeat 
      <div class="hide"> 

      </div> 
     </ion-card-content> 
     <ion-card-content class="top0"> 
      {{alarms.hour}}:{{alarms.minute}} 
     </ion-card-content> 
    </ion-card> 


    <ion-datetime #dateTime displayFormat="HH:mm" pickerFormat="HH:mm" [(ngModel)]="dateTimeModel" (ionChange)="onTimeChange()"></ion-datetime> 
    <ion-fab right bottom> 
     <button ion-fab color="primary" (click)="opentime()"> 
      <ion-icon name="add"></ion-icon> 
     </button> 
    </ion-fab> 

</ion-content> 

TS: 
import { Component, ViewChild } from '@angular/core'; 
import { NavController} from 'ionic-angular'; 


@Component({ 
    selector: 'page-alarm', 
    templateUrl: 'alarm.html' 
}) 
export class AlarmPage { 
    time: string = '00:00'; 
    serAlarm = []; 

    constructor(public navCtrl: NavController) { } 

    @ViewChild('dateTime') sTime; 

    opentime(){ 
     this.sTime.open(); 
    } 

    onTimeChange() { 
     var res = this.time.toString().split(":"); 
     this.serAlarm.push({ 
      id: "0", 
      description: "", 
      hour: res[0], 
      minute: res[1], 
      repeat: "0", 
      action: "0", 
      active: "1" 
     }); 
    } 
}

在这里，一切工作正常。但是，当我点击+按钮时，出现错误Cannot read the property 'open' of undefined。我想，问题是在<ion-datetime>一行。但是，我无法弄清楚什么是错的。有人可以帮我吗？我应该改变什么？

来源

2016-12-26 SSS

你可以尝试添加'＃dateTime'你离子日期时间元素获得元素的保留？像这样：' – echonax

@echonax：我得到这个错误'未处理的承诺拒绝：不能分配给参考或变量！ ;区域：;任务：Promise.then;值：错误：不能分配给引用或变量！' – SSS

哦，我认为这是因为它与'ngModel'具有相同的名称。你可以这样试试：'' – echonax

为了选择你需要给正确的选择，如果你希望它是dateTime然后更改元素的元素：

<ion-datetime #dateTime displayFormat="HH:mm" pickerFormat="HH:mm" [(ngModel)]="dateTimeModel" (ionChange)="onTimeChange()"></ion-datetime>

请注意，我已经改变了ngModel，因为他们有相同的名称参考。

现在你可以用@ViewChild('dateTime') sTime;

来源

2016-12-26 15:21:18 echonax

Ionic-2：无法读取未定义的属性'open'

回答

相关问题