<分区>
item.component.html
<div class = "col text-center" *ngFor="let item of items">
<p> item :{{item}} </p>
<ion-input type="text" #input (ionFocus)="myFocusVar #input>
</div>
<ion-button type="submit" (click)="editInput()"></button>
item.component.ts
@Component({
selector: 'item',
templateUrl: './item.component.html'
})
export class DetailComponent {
@ViewChild('input') myInput ;
items =["item1","item2","item3"]
editInput(){
let key = "|"
let v = this.myInput
if (this.myFocusVar== true){v.value += key} }
}
else {console.log('false')}
我想用一个按钮编辑我的输入,当它具有焦点时,例如,如果我输入一个单词并单击按钮,它应该添加“|”在我输入这个词之后。我不想将按钮放在 div 中,我想要一个按钮。
问题:如果我聚焦第二个输入并单击按钮,它会添加“|”到第一个输入而不是第二个,第三个输入相同。
你知道如何解决这个问题吗?或者也许是一个简单的例子来帮助我理解?