在Ionic上将重点放在页面加载上

Question

我似乎无法集中精力设置页面加载。这是我现在正在尝试做的事情：

输入：

<ion-input placeholder="SCAN LP TO ACKNOWLEDGE" type="number" [(ngModel)]="this.session.listService.licensePlate" required (keyup.enter)="ValidateAndAcknowledge()" #myInput ></ion-input>

TS文件

export class AcknowledgePage {
  @ViewChild('input') myInput;

  constructor() {
      }

  ionViewDidLoad() {

    setTimeout(() => {
      console.log(this.myInput);
      this.myInput.setFocus();

    }, 150);

  }
}

Answer 1

因此，当模板声明为#myInput时，ViewChild会引用“输入”。您需要解决此问题：

ggplot(data, aes(x = Value, y = Count, fill = Mean))
    + geom_bar(stat = 'identity')
    + theme(axis.text.x=element_text(angle=45, hjust=1))
    + guides(fill=guide_legend(title="Average Rank"))
    + ylab("Responses")
    + guides(limits = c(1,4),fill = guide_colorbar(reverse = TRUE))
    + scale_colour_gradient( guide = "colourbar", limits = c(1,4), breaks=c(1,2,3,4))

现在，即使此代码在Android设备上适用于您-在最新的iOS（11.3+）上也可能不起作用，因为Apple实际上希望用户通过显式的轻击操作而非编程方式触发焦点。

Answer 2

我不知道为什么但 @viewChild 最终对我不起作用我在 ionViewDidLoad() 中使用了 document.querySelector() 并设置了 focus() 并且它对我有用。