Блог

Главная - Вопросы по программированию - Получить идентификатор для навигационной ссылки

Получить идентификатор для навигационной ссылки

#angular #typescript

#angular #typescript

Вопрос:

Я хочу добавить идентификатор из JS

 @Component({
  selector: 'kit-general-16',
  templateUrl: './16.component.html',
  styleUrls: ['./16.component.scss'],
})
export class CuiGeneral16Component implements OnChanges {
  @Input() id: string
  @Input() name: string
  @Input() price: string
  @Input() oldPrice: string
  setFavorite() {
    this.isFavorite = !this.isFavorite
  }
  ngOnChanges() {}
}

Компонент:

 <kit-general-16 [name]="product.name" [price]="product.price" [oldPrice]="product.oldPrice" routerLink="../edit-product/{product.id}"></kit-general-16>

Как я могу заменить routerLink значение {product.id} ?
В настоящее время я получаю edit-product/%7Bproduct.id%7D

Комментарии:

1. Вам нужно по 2 фигурные скобки с каждой стороны. {{ product.id }}

Ответ №1:

Заменить routerLink="../edit-product/{product.id}" на routerLink="../edit-product/{{product.id}}" .

Поэтому вместо использования {product.id} , пожалуйста, используйте {{product.id}} .

Ссылка