Angular 5路由器鏈接

Question

我在product.component.html下的按鈕中添加了routerLink，它將重定向到/ update-product。 下面是代碼：

<button  routerLink="./update-product" routerLinkActive="active">Edit</button>

當我提交按鈕時，它不會重定向，但是控制台中沒有錯誤。

我的product.component.ts如下：

import { Component, OnInit } from '@angular/core';
import {Title} from "@angular/platform-browser";
import { ProductService } from './product.service';
import { Product } from './product';
import { HttpErrorResponse } from '@angular/common/http';

@Component({
  selector: 'app-product',
  templateUrl: './product.component.html',
  styleUrls: ['./product.component.scss'],
  providers: []
})

export class ProductComponent implements OnInit {
  products: Product[] = [];
  dataInvalid = false;
  formErrors = [];
  formSubmitting = false;
  //title = 'Products';
  countries = [];
  states = [];

  constructor(private productService: ProductService, private title: Title) {  }

Answer 1

您將必須按照以下方式進行操作。

<button routerLink="/update-product" routerLinkActive="active">Edit</button>