不在IONIC中将参数传递给URL

时间:2018-04-24 11:42:30

标签: json forms url ionic-framework get

我试图从主页获取参数这是表格CODE.Data已经传递给函数(选择)。

<form #f="ngForm" (ngSubmit)="Select(f.value)">
 <ion-input placeholder="Student ID" type="text" name="Studentid" ngModel></ion-input>
<ion-input placeholder="Subject ID" type="text" name="Subjectid" ngModel></ion-input>
<input type="submit"/>
</form>

这是我的密码

export class HomePage {

users:any;
  constructor(public navCtrl: NavController,public http :Http) {
  }

这是我的功能。这些值从表单传递到url参数但在console.log值中正在打印。

Select(data) {

      var stuid= data.Studentid;
      var subid = data.Subjectid;
if(stuid && subid != null)
{
  console.log(stuid);
  console.log(subid);

      this.http.get("http://localhost:8100/Service1.svc/RestService/Checkstudent/{0}/{1}",stuid,subid)
      .map(res => res.json())
      .subscribe(res => {
        this.users = res;
      }, (err) => {
        alert("failed loading json data");
      });
}
    }

这是网络日志中执行功能的结果

  

请求网址:   http://localhost:8100/Service1.svc/RestService/Checkstudent/%7B0%7D/%7B1%7D

此错误也在开始时显示

This error also so showing in start

  

预计1-2个论点,但得到3   在this.http.get(“http://localhost:8100/Service1.svc/RestService/Checkstudent/ {0} / {1}”,stuid,subid)

1 个答案:

答案 0 :(得分:0)

http.get()最多需要2个参数:url和由标题组成的RequestOptions。

如果要在字符串中添加url参数,请使用反引号:

this.http.get(`http://localhost:8100/Service1.svc/RestService/Checkstudent/${stuid}/${subid}`)

这称为Template Literal