角5 routerLink

Question

我在product.component.html下的按钮中添加了product.component.html，这将重定向/更新-产品。以下是代码：

<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>