大佬教程收集整理的这篇文章主要介绍了如何处理angular4中的自动选项卡，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<div class="autotabbed-container">
<div id="example1" class="autotabbed">
<h3>Bank sort code: XX-XX-XX</h3>
<input type="text" maxlength="2" size="2" />
-
<input type="text" maxlength="2" size="2" />
-
<input type="text" maxlength="2" size="2" />
</div>
</div>
当我在第一个文本框中键入文本时,光标需要移动下一个文本框.请帮助如何在角4中实现这一点.
如果我想申请ngFor,相同的代码不起作用.在下面的代码中,如果我想显示基于ngFor循环的文本框.在第一个td我将显示密码文本框,然后我将显示只有星号.在这种情况下,我们如何动态应用#input.我只需指向第一个td项而不是下一个td项.所以在这种情况下我们如何实现自动对焦.
<tr>
<ng-container *ngFor="let i of dynamicArr,let x = index">
<td *ngIf="i !== '*'">
<input type="password" #input1 formControlName="dyna{{i}}" id="dyna{{i}}" (input) = "onInputEntry($event,input2)" required maxlength="1" />
</td>
<td *ngIf=" i === '*' ">
<img class="flotado_right" id="starimage" src="starimage.jpg" class="dot-image">
</td>
</ng-container>
</tr>
我正在构建如下的动态数组,动态文本的值为2 5和7.在这种情况下dynamicArr [2] = 1,dynamicArr [5] = 2,dynamicArr [7] = 3因此dynamicArr值的其他值为*
for (let i = 0; i < 10; i++) {
if (((i + 1) === this.dynamictext[0])) {
this.dynamicArr[i] = '1';
} else if (((i + 1) === this.dynamictext[1])) {
this.dynamicArr[i] = '2';
} else if (((i + 1) === this.dynamictext[2])) {
this.dynamicArr[i] = '3';
} else {
this.dynamicArr[i] = '*';
}
}
<tr>
<ng-container *ngFor="let i of dynamicArr,let x = index">
<td *ngIf="i !== '*'">
<input #tab type="password" id="tab{{i}}" required maxlength="1" class="tab" (input)="onInputEntry($event,'tab',(i))" />
</td>
<td *ngIf=" i === '*' " class="image">&</td>
</ng-container>
</tr>
零件
onInputEntry(event,id,nextInputIndex) {
let input = event.target;
let nexInput = +nextInputIndex + 1;
let newID = id + nexInput;
document.getElementById(newID).focus();
}
以上是大佬教程为你收集整理的如何处理angular4中的自动选项卡全部内容，希望文章能够帮你解决如何处理angular4中的自动选项卡所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。