角。将参数从组件传递到服务

Question

我觉得这是一个合适的情况提出这个问题，我已经阅读过，所以请不要抨击我。 (Are "Is it a good practice...?" questions off topic or opinion-based?)

我的问题：将参数从 component.ts 传递到用于定义 URL 的 service.ts 的替代方法（更好的做法）是什么。 (ex. param value =123 , URL: www.blogs.com/posts/"add params here")

背景：用户表单具有名称字段和邮政编码字段。根据用户的邮政编码，他们将看到不同的提供者。我所做的是从表单中获取邮政编码值并将其从一个函数传递到下一个函数到 service.ts。从那里刚刚将该值添加到 URL 字符串 ex... user 1 ,zipcode =12345 zip=user.zipcode data_service = url = "www.blog.com/post/+ val" + zip

。所以这行得通，但我觉得这是一个不好的做法。

:代码
组件.ts
（这部分从加载用户信息的代码开始）
...

     const zipParam = this.patientDetails.patient_zipcode
        console.log(zipParam)
      this.getProvider(zipParam);
      }
      }, err => {
      console.log(err);
      });
      }


   getProvider(zip){
    console.log("fZip:",zip)
    this.reqObj.zip = zip
     this.dss.getProvider(this.reqObj,zip).subscribe(res => {
      console.log("Checkres",res);
     this.serviceProvider = res
     }, err =>{
  console.log(err);
});
};

服务.ts

      getProvider(reqObj,zip): Observable<Object>{
      console.log("dZip",zip)
      return this.http.get("https://blog.com"+ zip + "&radius=1").map(res => res); 
       };
       }

Answer 1

您可以使用 命名路由 和一些辅助静态类来轻松使用它。