gpt4 book ai didi

javascript - 模板引用变量 *ngFor

转载 作者:行者123 更新时间:2023-11-30 15:04:58 24 4
gpt4 key购买 nike

<分区>

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 中,我想要一个按钮。

问题:如果我聚焦第二个输入并单击按钮,它会添加“|”到第一个输入而不是第二个,第三个输入相同。

你知道如何解决这个问题吗?或者也许是一个简单的例子来帮助我理解?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com