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

Question

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

我的问题:将参数从 component.ts 传递到用于定义 URL 的 service.ts 的替代方法(更好的做法)是什么。 (例如参数值 =123，URL:www.blogs.com/posts/“在此处添加参数”)

背景:用户表单有一个名称字段和邮政编码字段。根据用户的邮政编码，他们将看到不同的提供商。我所做的是从表单中获取邮政编码值并将其从一个函数传递到下一个函数再到 service.ts。从那里刚刚将该值添加到 URL 字符串 ex... user 1 ,zipcode =12345 zip = user.zipcodedata_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

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