我想滚动到离子2中列表视图中的特定项目.我有一个绑定到数组的列表视图.
export class TestPage { @ViewChild(Content) content: Content; public items: Array<Object> = []; ionViewWillEnter() { console.log(this.navParams.data); this.customService.getArray(this.params.index).then((items) => { this.items = items; //scroll to item // this.content.scrollTo() }); } }
以下是观点:
<ion-list [virtualScroll]="items" approxItemHeight="120px" approxItemWidth="100%" class="items-listview list list-md"> <button class="items-listview-item item item-md" *virtualItem="let item"> <div class="items-listview-text"> {{ item.text }}<span>{{item.index}}</span> </div> </button> </ion-list>
我看到scrollTo只支持位置,即顶部和左侧,但不支持元素本身.如何滚动列表视图项目(例如项目编号150)本身?如何获得150号项目的位置并将其传递给scrollTo?