Как получить значение входного числа при нажатии кнопки

Я не уверен, как я могу получить значение кнопки... это мой код

<p *ngFor = "let product of ProductsDetails; let i = index">
   <input type = "number" value = {{cartProducts[i].amount}} class = "quantInput"> 
  <button mat-raised-button color = "primary" class = "changeBTN">change</button>
</p>

примечание: количество кнопок и вводов является динамическим, поэтому у меня не может быть переменной, которая будет содержать значение ввода, или я просто не знаю, как это сделать

ответ здесь stackoverflow.com/questions/56203795/…

Panagiotis Bougioukos 22.12.2020 18:02

это сработало бы, если бы кнопки и входы не были динамическими... для этого мне нужно удерживать переменную для каждого входа, но я не могу знать, сколько входов у меня будет, поэтому этот ответ неверен

Ni Tai 22.12.2020 18:09

Это было бы легко. У вас уже есть все, вложенное в цикл ngFor, и индекс i, чтобы различать каждый конкретный элемент.

Panagiotis Bougioukos 22.12.2020 18:13
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
3
750
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий
   <p *ngFor = "let product of ProductsDetails; let i = index">
     <input type = "number" [(ngModel)] = "values[i]" value = {{cartProducts[i].amount}} class = "quantInput"> 
     <button mat-raised-button color = "primary" class = "changeBTN" (click) = "doSomethingWithInputValue(i)" >change</button>
   </p>

ts-файл

values: any[];

//initialize array when you have loaded productDetails
ProductDetails.forEach((productDetail) => {
     this.values.push({});
});


public doSomethingWithInputValue(index){

    const currentInputValue = this.values[index];
    ...do everything you want with this value here
    }

Другие вопросы по теме