3 回答

TA貢獻1806條經驗 獲得超5個贊
.html
<input type="text" (input)="inputMthd($event)" (keyup)="methodCalled($event)">
.ts
inputMthd(e){
console.log(e);
event.target.value.length;
}
methodCalled(e){
console.log(e);
e.target.value.length;
}

TA貢獻1786條經驗 獲得超13個贊
您ngModel需要綁定到panels不panel中ngFor。您可以使用index.
<div *ngFor="let panel of panels; index as i" class="panel" [id]="'panel-' + panel.id">
<div>{{ panel.title }}</div>
<input matInput placeholder="Bezeichnung" [(ngModel)]="panels[i].title" (blur)="showAlert(i)" />
</div>
然后通過傳入索引并使用它來獲取面板標題的長度來觸發(fā)組件中的警報。我在blur這里使用了這個事件。
showAlert(index) {
const titleLength = this.panels[index].title.length;
// Call alert with the length of the title here.
}

TA貢獻1821條經驗 獲得超6個贊
嘗試這個,
<div *ngFor="let panel of panels; index as i" class="panel" [id]="'panel-' + panel.id">
<div>{{ panel.title }}</div>
<input (change)="onChange({{panel.title}})" matInput placeholder="Bezeichnung" [(ngModel)]="panel.title" />
</div>
onChange(title) {
console.log(title.length);
})
添加回答
舉報