Javascript Ionic DateTime:动态创建多个Ionic DateTime的按钮

Javascript Ionic DateTime:动态创建多个Ionic DateTime的按钮,javascript,angular,typescript,datetime,ionic-framework,Javascript,Angular,Typescript,Datetime,Ionic Framework,我正在尝试为每个使用ngFor动态创建的ion-datetime使用ion按钮 <button ion-button icon-right (click)="picker.open()"> <ion-datetime #picker pickerFormat="DD MMM YYYY"(ionChange)="changeDate()"></ion-datetime> <ion-icon name="calendar"></ion-ico

我正在尝试为每个使用
ngFor
动态创建的
ion-datetime
使用
ion按钮

<button ion-button icon-right (click)="picker.open()">
 <ion-datetime #picker pickerFormat="DD MMM YYYY"(ionChange)="changeDate()"></ion-datetime>
 <ion-icon name="calendar"></ion-icon>
</button>

对于单个ion datetime,我可以使用
#picker
并使用
(单击)
从按钮打开它


动态创建的项目是如何处理的?

我试着按照您所说的做,并且使用“选择器”成功了。 请参阅下面的代码

Html:

我想,这会产生你预期的结果


希望有帮助

ngFor
不存在于按钮标签中,而是存在于离子列表标签中,其中离子项有多个。这种情况下不行。为什么不在离子项目上使用*ngFor呢?或者你必须在离子列表上使用?哎呀。我的意思是我把它用在离子产品上。但不是那样的,就在那时。我再问你一件事。您是否在离子项目标签内使用按钮标签?例如:…?是的。这就是我正在做的。
<ion-list>
  <button ion-button icon-right *ngFor="let item of items" 
    (click)="picker.open()">
    <ion-datetime #picker pickerFormat="DD MMM YYYY" 
      (ionChange)="changeDate($event)"></ion-datetime>
    <ion-icon name="calendar"></ion-icon>
  </button>
</ion-list>
export class HomePage {

  items = [1,2,3,4,5];

  constructor(public navCtrl: NavController) {

  }

  changeDate(ev){
    console.log(ev);
  }

}