javascript - 无法在 Angular 2 中导航所需的 url

标签 javascript angular2-routing angular2-services

我创建了路径,这些路径工作正常,因为我想导航详细信息页面。 例如:如果用户输入 id,单击按钮,它应该导航到 id 的详细信息页面。

有这样的组件,

export class ComplaintStatusComponent implements OnInit {

  constructor(private _complaintService:ComplaintService,private router:Router) { }

  complaints={};

  ngOnInit() {
    this.getCompliants();
  }
  getComplaintDetails(complntId){


    this._complaintService.getCompliants(complntId).subscribe(data => console.log(data));
     this.router.navigate(['/complaintstatus', this.complntId]);
 }
 getCompliants():void{

 }
} 

服务是:

export class ComplaintService{
    private _url:string ="http://192.168.1.58:8000/app/complaint/complaintstatus"
    constructor(private _http:Http){}
    getCompliants(complntId){
        return this._http.get(this._url + '/' + complntId).map((response:Response)=>response.json());

    }
}

最佳答案

 getComplaintDetails(complntId){


    this._complaintService.getCompliants(complntId).subscribe(data => console.log(data));
     this.router.navigate(['/complaintstatus', complntId]);
 }

删除你的id前面的这个

关于javascript - 无法在 Angular 2 中导航所需的 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43733670/

相关文章:

javascript - GeoIP 重定向欧盟美国英国

angular - 子组件不更新父路由更改

angular - 在 Angular2 路由中从子组件调用 router.parent.navigate 方法时未触发组件构造函数和路由器生命周期 Hook

javascript - 纯 Javascript 作为 Angular 2 服务

Angular 2 : What is diagnostic property in forms

javascript - 使用 gif.js 创建 GIF 不适用于透明图像

javascript - 区分 Youtube-Google 关联帐户与未关联帐户

javascript - 允许为显示的每个数据表选择一次行

javascript - 使菜单处于事件状态

javascript - 将多个服务插入服务 - angular2