Angular ui 带参数的路由导航

Question

在 html 中我有两个按钮 Users 和 Surveys -

<button *ngIf="isUserAdmin" mat-button (click)="listSurveys()">Survey</button>
<button *ngIf="isUserAdmin" mat-button (click)="list('users')">Users</button>

在 .ts 文件中，我有两种导航到相应列表页面的方法 -

 listSurveys(): void {
    this.router.navigate(['surveys']);
  };

  listUsers(): void {
    this.router.navigate(['users']);
  };

以上设置按预期工作。但我只想用 list(items: String) 方法替换 listUsers()/listSurveys()

.HTML:

<button *ngIf="isUserAdmin" mat-button (click)="list('surveys')">Survey</button>
<button *ngIf="isUserAdmin" mat-button (click)="list('users')">Users</button>

.TS:

list(items : String) {
    console.log("\'" +items+ "\'");
    this.router.navigate(["\'" +items+ "\'"]);
  }

但这不起作用，尽管 the console.log() 日志 - 'surveys' 和 'users' 分别在控制台中。任何人都可以帮助解决这个问题吗？提前致谢。

Answer 1

HTML

<button *ngIf="isUserAdmin" mat-button (click)="list('surveys')">Survey</button>
<button *ngIf="isUserAdmin" mat-button (click)="list('user')">User</button>

TS

list(param:string): void {
    this.router.navigate([ param ]);
  };

更多详情 https://angular.io/guide/router

Answer 2

我认为这会起作用

list(items : String) {
    console.log(items);
    this.router.navigate([items]);
  }

Angular ui 带参数的路由导航

Angular ui routing navigate with parameters

navigation

console.log

angular-ui-router

angular