イオン2角2イオン選択から値を取得してhttpポストを送信するフォーム

Question

私はかなりしばらくの間探してきており、これを行う方法について具体的なものは何も見つかりませんでした。私が見つけることができる最も近いものはこれでした：How to get the value from ion-select option

私はページ上で選択または入力されたデータを収集し、http投稿用の配列に入れる方法を見つけようとしていますか？ ..すべての例を感謝したり、良い文書を私に案内したりします。

イオン性情報：

コルドバCLI：7.0.1 イオンFrameworkのバージョン：3.5.3 イオンCLIバージョン：2.1.12 イオンのApp Libのバージョン：2.1.7 イオンのAppスクリプトのバージョン：2.0。 2 IOS-デプロイバージョン：1.9.1 IOS-SIMバージョン：6.0.0 OS：OS Xエルキャピタン ノードバージョン：v4.3.2 Xcodeのバージョン：8.2.1 Xcodeのビルドバージョン8C1002

Answer 1

[OK]をクリックこれを試すことができます。

リンク上のベース。あなたのページコンポーネントで、その後

<ion-item> 
    <ion-label>place</ion-label> 
    <ion-select [(ngModel)]="selected"> 
    <ion-option value="item" *ngFor="let item of options"> 
     {{item.name}} &nbsp;&nbsp;{{item.price}}</ion-option> 
    </ion-select> 
</ion-item> 

<div padding> 
    <button ion-button (tap)="addOption()" block>Add Option</button> 
    <button ion-button (tap)="PostSelected()" block> Sync </button> 
</div> 

HTML

にこのコード

を試すことができます。

import { Http, RequestOptions, Headers } from '@angular/http'; 
    import 'rxjs/Rx'; 

    //first declare your ngModel variable and you post array variable 
    selected:any; 
    SelectedArray = []; 

    addOption(){ 
     this.SelectedArray.push(this.selected); 
    } 

    PostSelected(){ 

     let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' }); 

     let options = new RequestOptions({ 
     headers: headers, 
     method: "POST" 
     }); 

     let bodu = JSON.stringify(this.SelectedArray) 

     let result = this._http.post(link, body, options).timeout(30000); 
     result.subscribe(data => { 
     console.log('result sucess',data) 
     },error=>{ 
     console.log('result error',data) 
     }) 
    } 

UPDATE

addOption(){ 
     let validate = this.SelectedArray.filter(res=>{ 
      return res == this.selected; 
     }); 

     // if validate length is 0 the new value of this.selected is currently not found on this.SelectedArray so its ok to be push 
     if(validate.length == 0){ 
     this.SelectedArray.push(his.selected) 
     }else{ 
     // else do other thing 
     } 
    }