离子2角2从离子选择的形式发送http post

Question

我一直在寻找相当一段时间，一直没能找到任何具体的如何做到这一点。最接近的东西，我可以找到这个：How to get the value from ion-select option

我想弄清楚如何收集选定或输入到一个页面上的数据，并将其放入一个数组为http post？ ..将不胜感激任何例子或指导我一些很好的文档。

离子信息：

科尔多瓦CLI：7.0.1 离子Framework版本：3.5.3 离子CLI版本：2.1.12 离子应用程序库版本：2.1.7 离子应用脚本版本：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

好你可以试试这个。

基于链接。你可以试试这个代码

在HTML

<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> 

然后在你的页面组件。

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 
     } 
    }