代码之家 › 专栏 › 技术社区 › Razib

使用参数导航

console.log angular-ui-router navigation angular

Razib · 技术社区 · 6 年前

在 html 我有两个钮扣用户和调查

<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']);
  };

listUsers()/listSurveys() 具有 list(items: String) 像这样的方法

.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”分别位于控制台中。在这个问题上有人能帮忙吗?提前谢谢。

2 回复 | 直到 6 年前

Vinesh Goyal 6 年前

HTML格式

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

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

更多细节 https://angular.io/guide/router

chathura 6 年前

我想这会管用的

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

推荐文章

alelom · 显示用于登录ASP Core 2的控制台

7 年前

itsezc · 如何在javascript字符串中使用\n

7 年前

Anatsu · Javascript,nodejs:在控制台上提供一个“未找到字符串”消息。日志

7 年前

Moaaz Bhnas · 不同类型的逻辑运算符

7 年前

DarkArtistry · 我应该让控制台登录到生产前端吗

7 年前

Marc · 覆盖控制台。记录以格式化数字

7 年前

Hendrik B. · 当div到达页面顶部时如何记录

7 年前

Albizia · 安慰日志不打印任何内容,但返回未定义的内容

7 年前

thur · C#和Node之间的区别是什么。js控制台输出?[副本]

7 年前

Maarten Wolfsen · 在失败的XHR GET请求上从控制台停止jQuery登录

7 年前