Я хочу отображать измененное текстовое значение, только если была нажата кнопка. Текстовое значение зависит от поля ввода и динамически привязывается к входному значению текстового поля с помощью [(NgModel)]="textValue"
...
Сначала я ввожу некоторый идентификационный номер в поле ввода, и это напрямую меняет мой текст. Но я хочу, чтобы текст с «ID-значением» изменялся только после того, как я нажал кнопку и вызвал новые данные диаграмм с моей функцией «getChartsData ()».
Вот так выглядит мой html:
<input [(ngModel)]="monatConst" placeholder="Demonstrator-ID">
<button class="btn btn-danger float-xl-right mt-1"
(click) = "getChartsData()"> Call HTTP Request
</button>
<br>
<div *ngIf="monatConst">Chart für Demonstrator mit ID: {{monatConst}} </div><br>
<ngx-charts-bar-vertical
[view]="view"
[scheme]="colorScheme"
[results]="dataArray"
[gradient]="gradient"
[xAxis]="showXAxis"
[yAxis]="showYAxis"
[legend]="showLegend"
[showXAxisLabel]="showXAxisLabel"
[showYAxisLabel]="showYAxisLabel"
[xAxisLabel]="xAxisLabel"
[yAxisLabel]="yAxisLabel">
</ngx-charts-bar-vertical>
Как лучше всего понять, что текст с полем ID изменяется только после нажатия кнопки и вызова новых данных диаграмм? На данный момент я связал ID-переменную двумя способами с помощью ngModel и поместил ее непосредственно в текстовое поле с привязкой данных {{..}}