Angular 角度和离子按钮点击分别浏览数据

我试图学习这个，但我不知道如何从数组中获取数据，并通过它索引，只在屏幕上显示当前值。在屏幕上没有任何开始。当单击按钮时，它运行runit（）函数，然后您会看到1，（再次单击）2，等等

导出类主页{
公共多选项：数组<{
选项：任何
} > ;
公共价值：任何；
公共选择权：任何；
构造函数（公共navCtrl:NavController）{
这是一个多选项=[{
选项：“1”
},
{
选项：“2”
},
{
选项：“3”
},
{
选项：“4”
},
{
选项：“5”
}
]
}
runit（）{
让currentValue=this.multipleOptions；
console.log（当前值）；
this.currentOption=currentValue；
}
}

{{currentOption}}
启动导出类主页{
公共多选项：数组<{
选项：任何
} > ;
公共价值：任何；
公共阵列索引：任何；
构造函数（公共navCtrl:NavController）{
这是一个多选项=[{
选项：“1”
},
{
选项：“2”
},
{
选项：“3”
},
{
选项：“4”
},
{
选项：“5”
}
]
}
runit（）{
if（this.arrayIndex==null）
此.arrayIndex=0；
其他的
这个.arrayIndex++；
if（this.arrayIndex>=this.multipleOptions.length）
this.arrayIndex=0；//这只是为了重新启动，如果您不想这样做，请阻止增量
this.currentValue=this.multipleOptions[this.arrayIndex].option；
}
}

Html:

{{currentValue}
开始

它通过一些小的调整工作了！非常感谢你！arrayIndex需要定义，所以我只做了“public arrayIndex:any；”，函数的最后一行（以let currentValue=…）开头）我改为“this.currentValue=this.multipleOptions[this.arrayIndex].option；”在HTML中h2是“{currentValue}”，我之所以要切换它是因为{currentValue.option}}正在抛出错误，因此我在currentValue的定义中声明了它。你帮我节省了很多时间哈哈

export class HomePage {
  public multipleOptions: Array < {
    option: any
  } > ;
  public currentValue: any;
  public arrayIndex: any; 

  constructor(public navCtrl: NavController) {
    this.multipleOptions = [{
        option: '1'
      },
      {
        option: '2'
      },
      {
        option: '3'
      },
      {
        option: '4'
      },
      {
        option: '5'
      }
    ]
  }

  runit() {
    if(this.arrayIndex==null)
        this.arrayIndex = 0;
    else
        this.arrayIndex++;

    if(this.arrayIndex>=this.multipleOptions.length)
       this.arrayIndex = 0; //this is just to restart if you don't want this just block the increment

    this.currentValue = this.multipleOptions[this.arrayIndex].option;
  }

}

<h2>{{currentValue}}</h2>
<button ion-button large (click)='runit()'>Start</button>