typescript 点击到另一个页面的Angular 重定向

xuo3flqw  于 2023-05-23  发布在  TypeScript
关注(0)|答案(1)|浏览(193)

我如何从点击公司字重定向到另一个组件页面?我尝试使用routerLink="/",[routerLink]="['/']"。在app.module中导入路由。也是这样尝试的:

import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; @Component({   selector: 'app-home',   templateUrl: './home.component.html',   styleUrls: ['./home.component.css'] }) export class HomeComponent implements OnInit {   // Inject Router Dependency   constructor(private router: Router) { }   ngOnInit(): void { }
    this.router.navigate(['/insights']);   } }

这是我的代码:

<div class="container">   <div class="row">
        <div class="col-12">
          <div class="list-group">
            <div class="list-group-item"  
            *ngFor="let firm of firms | async">
            {{ firm.hash }} - {{ firm.name }}
          </div>
              <div class="list-group-item">
                <a href="http://google.com">
                  Create new
                </a>
              </div>
            </div>
          </div>
        </div> 
  </div>
fwzugrvs

fwzugrvs1#

您可以从@angular/common使用DOCUMENT
从“@angular/common”导入{ DOCUMENT };

constructor(@Inject(DOCUMENT) private document: Document) { }

redirectToUrl(): void {
    this.document.location.href = 'https://google.com';
}

在你的HTML文件中:

<button mat-button (click)="redirectToUrl()">Create new</button>

相关问题