我正在尝试打开一个新的选项卡以显示用户的详细信息

时间:2019-06-05 13:51:30

标签: angular

单击按钮可打开一个新窗口选项卡,以显示角度应用程序中的详细信息

我能够使用window.open功能打开一个新选项卡,但是为了获得详细信息,需要进行Web服务调用,我已经有一个组件已经在考虑它,我想在单击时调用该组件

userHome.html 
   <div id="buttonId">
      <button mat-raised-button (click)="detailsWindow()"  
              [ngClass]="UserDetailClass()"    >User Detail</button>
UserHomeComponent
 (click)="detailsWindow(event) {
//routing logic to get to the component i need to invoke UserDetailComponent
    window.open(url, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');
  }
UserDetailComponent
I will be passing id and Flag as params 
ngOnInit() {
    this.userDetailOnLoad= true;
    this.userId = this.data;
    this.statusFlag = this.data.statusFlag;

    this.userDetailService.getUserDetails( this.userId,this.statusFlag).subscribe(
      data => {
        this.userDetails = data;
      }
    );
  }

1 个答案:

答案 0 :(得分:0)

您可以使用self.findButtonsIn(UIView()).enumerated().forEach({ $0.element.setTitle("\($0.offset)", for: .normal) }) 打开一个新标签,在此过程中,您可以传递与window.open匹配的网址,如下所示:route

在这种方法中,您可以使用小心显示数据的组件。

获取用户ID:

yourComponent/userId