Как реализовать это в HTML-шаблон - PullRequest
0 голосов
/ 13 октября 2018

Я новичок в ionic 3. Я хочу реализовать всю логику опций выбора, используя html.Я создал ion-select используя файл .ts, но хочу реализовать это с помощью html.У меня есть опция выбора даты со следующими семью датами.
app.ts

 viewTime(){
 let url = 'http://api.timezonedb.com/v2.1/get-time-zone?key=8304HG08VTGQ&format=json&by=zone&zone=Asia/Kolkata';

    this.http.request(url, this.config.options)
    .map(res => res.json())
        .subscribe((response: any) => {
            console.log(response);
            console.log(response.timestamp);

                var data = response.timestamp - 19800 ;
                    const datePipe = new DatePipe('en-US');
                    const time = datePipe.transform(data*1000, 'h:mm a');
                    console.log(time);

                //const datePipe = new DatePipe('en-US');
                // const serverDate = datePipe.transform(response.timestamp*1000, 'dd/MM/yyyy');
                if(time >='16:00 PM'){

                    data = data+172800;

                    console.log("hello")
                }

                else{

                        data = data+86400;
                     console.log("exit")

                }

     let select = {
         title: 'Select Date',
         // subtitle: 'select via .ts',
         inputs: [],
         buttons: [
   {
     text: 'Cancel',
     role: 'cancel',
    handler: () => {
     console.log('Cancel clicked');
    }
   },
  {
    text: 'Ok',
     handler: () => {  


       console.log(this.newDate);
     }
  }
]
    }
 this.newDate = datePipe.transform(data*1000, 'dd/MM/yyyy');
    for (var i = 1; i < 8; i++) {


 select.inputs.push({name: 'myInput', type: 'radio',label:  this.newDate, value: this.newDate, });
               var value = data+(86400*i);
               this.newDate = datePipe.transform(value*1000, 'dd/MM/yyyy');
                this.dates.push(this.newDate);
          }
      let newAlert = this.alertCtrl.create(select);

                newAlert.present();


                            }, (err) => {
                            let alert = this.alertCtrl.create({
                            title: 'Error',
                            subTitle: 'Please check your credentials',
                            buttons: ['OK']
                                    });
                             alert.present();
                             });
                             }

Это файл .ts У меня есть только одна кнопка в моем HTML-файле, которыйиспользуется для вызова этой функции viewTime(). Каким будет файл app.html для этого файла .ts.Помогите мне решить эту проблему.

1 Ответ

0 голосов
/ 14 октября 2018

Если у вас есть options объект в вашем .ts, вы можете использовать следующее в вашем .html:

<ion-select>
    <ion-option *ngFor="option of options" [value]="option.value">{{option.description}}</ion-option>
</ion-select>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...