单击时出现Angular 2触发元素

时间:2017-04-11 16:16:19

标签: javascript angular mobile ionic-framework ionic2

enter image description here

所以我有以下列表,现在我想要点击时钟来触发不同的元素(<ion-datetime> in this case),我知道我需要在该时钟上点击一下事件,但我不知道如何触发隐藏元素。

我的代码:

<ion-list>
  <ion-list-header>
    Working days
  </ion-list-header>
  <ion-item *ngFor="let work_day of working_days;let i = index">
    <ion-label>{{work_day}}   
  <ion-icon name="clock" style="position:absolute;right:0px" (click)="trigger(child)"></ion-icon>
   <ion-datetime #child style="position:absolute;right:-99999999px" displayFormat="HH:MM" [(ngModel)]="myDate"></ion-datetime></ion-label>
    <ion-checkbox></ion-checkbox>
  </ion-item>
</ion-list>

组件

working_days = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];

constructor(){

}

trigger(value){
    value.trigger('click');
}

但是这不起作用,我是离子的新手所以感谢任何帮助

0 个答案:

没有答案